在运用ant design开辟背景营业过程当中,遇到了给upload组件设置背景服务器的题目。由于用习惯了七牛云的疾速易用,以及喜好它的自动紧缩接口,因而第一回响反映就是想怎样设置上传到七牛云上面。不过经过量番征采,并没…
标签:antdesign
Ant Design Upload 组件之手动上传
在ant design中提供了一个文件上传的组件Upload,可以方便地把本地的文件上传到服务器。但是antd 的官方例子中给的都是当点击上传的时候直接把图片上传到服务器,可是在实际的业务中,我们可能会需要实现在点击上传…
create-react-app中按需加载antd
使用create-react-app脚手架创建出来的react项目,他的配置项是隐藏的,如果想要修改原始的配置项,需要npm run eject,但是这个操作是不可逆的,一般情况下我们不会去直接修改他的原始配置项。 那么…
antd design 中表格数据导出为excel(支持多表头)
主要用到了better-xlsx和file-saver两个库 import { File } from 'better-xlsx'; import { saveAs } from 'file-saver'; functi…
jQuery源码解析之click()的事件绑定
前言:这篇依旧长,请耐心看下去。 一、事件委托DOM有个事件流特性,所以触发DOM节点的时候,会经历3个阶段:(1)阶段一:Capturing 事件捕获(从祖到目标)在事件自上(document->html->…
前端小知识10点(2019.5.18)
1、当给数组的index赋负数或小数时,数组的长度有无变化? let arr=[] arr[10]=11 console.log(arr.length); //11 arr[-1]=-1 console.log(arr.…
react 通过 xlsx导入excel数据
import React, { Component } from ‘react’; import { Button, Icon, message } from ‘antd’…
antd 常用表单组件
basicFormUtil.js import React from 'react' import { Form, Input, Tooltip, Icon, Cascader, Select,Radio, Row, C…
前端小知识10点(2019.4.14)
1、React.PureComponent 与 React.Component 的区别React.PureComponent 与 React.Component 几乎完全相同,但 …
umi 配置多环境打包
平时我们开发应用时环境有开发环境、测试环境、生产环境等,此时我们需要配置不同的环境,获取不同的apiUrl前缀,以满足日常开发需要。 1.安装 cross-env 插件 npm install --save-dev cr…
react+antd系列之引入echart图表
要在antd中引入echart图表,首先得安装echart包,命令如下: cnpm install echarts --save echart安装完毕,要如何使用呢,在react中我们要引入我们刚刚安装的echart,如…
react+antd系列之Form表单(1):添加与删除
在用antd的时候,我们如果要对表单进行添加和删除该怎么弄呢,如下: import { connect } from 'dva'; import { Form, Input, Button } from 'antd'; …
对antd的Modal改造
直接传入API和原来Modal的children,而不传入visible,让Modal处理自己的数据 import React from 'react'; import ReactDOM from 'react-dom'…
antd form表单初始化无效的问题
至今为止踩过三个坑: 1.不能用组件本身的defaultValue,而是应该用initialValue,如图 2.初始值对应的是组件的value,例如select组件的初始值应该是option的value属性值,是图中的…
react 使用ant design UI 父组件this.refs无法调用子组件自定的方法
子组件使用了 Form.create()如何让父组件调用子组件的方法 在写react技术栈使用ant design时 Form的使用会带来一个问题,会导致你无法直接使用refs去调用使用Form的子组件自定义方法。当你调…