前言 本次做后台管理系统，采用的是 AntD 框架。涉及到图片的上传，用的是AntD的 "upload" 组件。 前端做文件上传这个功能，是很有技术难度的。既然框架给我们提供好了，那就直接用呗。结果用的时候，发现 upload 组件的很多bug。下面来列举几个。 备注：本文写于2019 03 02， ...

1、安装、构建 2、项目目录 3、antd 修改 src/App.css，在文件顶部引入 antd/dist/antd.css。 antd 目前的默认文案是英文，如果需要使用其他语言，可以参考下面的方案。 antd 提供了一个 React 组件 ConfigProvider 用于全局配置国际化文案。 ...

之前也是写过一篇关于redux的文章，来简单理解一下redux,以及该如何使用。今天我就来分享一个也是入门级别的，react+redux+antd来实现简单的待办事件。同时

angular版本的 ant design 总算发布了，其名曰：ng-zorro-antd。 这人要是越期待，心就越着急。早在8月上旬我就开发好了 ng-zorro-vs

import React, { Component } from 'react'; import { Table, Input, Button, Icon, DatePicker } from 'antd'; import moment from 'moment'; import Highlight ...

Please go to my github to clone the project, so the please click this Link ...

2020-01-11 ant-Design ，Input ， onPressEnter 和 onChange 的区别 onChange 输入内容的回调 onPressEnter 按下回车的回调 需求：看下图，右边栏配置开关组件的内容。输入内容，不想要左边实时更改 原来的代码：

react 的 antd框架中 form使用需注意： 1、不能用state改变下拉框、输入框等组件的值，因为 经过 getFieldDecorator 包装的控件，表单控件会自动添加 value（或 valuePropName 指定的其他属性） onChange（或 trigger 指定的其他属性） ...

官网给出的按需加载解决方案，先安装 babel-plugin-import 因为antd默认引入样式是less，所以需要手动配置为css，配置方法如下： 第一种

使用单文件上传时@change事件会至少触发两次，一次file.status=uploading，最后一次要么是done或者error， handleUpload1(info) { if (info.file.status === 'uploading') { this.loading = this.isUpload1 = true return } if (info.file.status === 'done') { t

看了网上很多实现，感觉都挺复杂的，所以写下我10行左右代码的实现方案： 思路也很简单，就是让选中项与state绑定，在全选\勾选的时候改变state.select_data的值就行了， 下面是代码：用setState实现的，如果需要用hooks实现也是同理this.state={select_dat...

{ getFieldDecorator("IsIssueCorrectionOpinion", { initialValue: record.IsIssueCorrectionOpinion, valuePropName: "checked", })( <Checkbox

按钮点击触发sendCheck()函数，代码如下： const [userList, setUserList] = useState(userLists);//用来对多选框选项进行更新的数组 const [arrList, setArrList] = useState([]);//用来显示选中的项的...

引言 在开发中台过程中 我们的原型中有很多表单，antd有表单组件，但是粒度比较细，就单纯组件而言，无可厚非，但是在开发过程中，可能会造成代码不够聚合，有些表单公共逻辑无法提取，copy paste比较多，所以可以加以封装，搞一个兼容性和扩展性都契合项目本身的组件。 主要思路 我简单查阅了一番资料， ...