清颖的博客

做运营系统、后台系统、ToB项目时避免不了需要研发表单，要填写各种内容。操作：给`Form.Item`的属性`rules`，给`rules`里面指定了 *{ required: true }*, 同时给了 `validator`自定义校验方法。问题描述：自定义校验后，required 必填不起效。解决……

Select组件的`dropdownRender`属性，可以扩展下拉菜单。我们只需要在这个属性中编辑代码，将操作区域用Divider组件与选项分离开即可。

背景：使用React的antd组件的Upload（官网），要求文件上传后，在点击提交时再将文件传过去。技术点：完全控制的文件上传。可控制上传数量。控制文件格式。移除时的事件onRemove。状态、数量改变onChange事件等。是否带cookie，withCredentials: true。提交时，originFileObj属性获取原始文件。

文章目录不能更改状态？错误示范：更改状态后，Switch以下的其他组件也被重置，错误示范：正确代码：用Switch时，怎么都改不了状态；要么就是切换页面时，再回本页，选择的值不见了；还有，切换Switch时，怎么把其他表单项给重置了呢？重点：使用setFieldsValue更改取值；使用defaultChecked确定默认值。看下错误代码，你是否犯过该类问题呢？如果有其他问题，欢迎评论区留言，一起讨论。不能更改状态？错误示范：this.state={ show:false}<Form.

在其他组件中操作该组件，我们通常可以用ref.current获取实例，进而调用方法或属性实现。那么我们就可以给 Form 创建一个ref:hooks中： const formRef = React.useRef();类组件中：constructor(props){ super(props); this.formRef=React.createRef();}然后，就可以使用ref了，Modal的footer 中： [<Button key="save"

在Upload组件中经常用的就是受控的显示和上传。我经常遇到的是这种情况：完全受控组件。这样一定要记得：设置fileList属性。它决定了文件列表默认显示什么，以及上传后显示什么！onChange方法的其中两个重要且常用的参数：file、fileList。参数解释如下：file：当前操作的文件对象。{ uid: 'uid', // 文件唯一标识，建议设置为负数，防止和内部产生的 id 冲突 name: 'xx.png' // 文件名 status: 'don

1.Modal弹窗销毁后再打开，原来的值仍存在，如何销毁弹窗内容？2. 关于Select下拉组件。

问题描述：在React开发中，使用了ant design的Table组件，报错信息：Uncaught TypeError: rawData.some is not a function at Table.js:101代码截图：问题分析及解决：官方要求dataSource应为数组，这里取值是后台返回的data，我们要分析的就是这个data，若data中还有其他内容，例如：{ data：{ sum:100, list:[{ userId:1,name:'qingying',age:

React中封装Modal组件为子组件，可多次复用。子组件的Modal是否显示，取决于父组件的props。涵盖知识点：state由父组件传入、组件的封装、antd中Modal组件的应用。

antd组件库与TypeScript开发总结之问题解决一：Form表单报错。最近常使用react的脚手架ant design pro开发项目，画页面时主要用了antd组件库，常遇到些问题，分享一下解决方法。

select下拉列表组件常用事件属性的说明，使用ant design与React开发的同学可以参考，ant design pro构建页面时有用到。

一、 dva的核心概念State:一个对象，保存整个应用状态View：React组件构成的视图层Action：一个对象，用来描述 UI 层事件connect方法：一个函数，绑定State到Viewdispatch方法：一个函数，发送Action到StateState 和 ViewState 是储存数据的地方，收到 Action 以后，会更新数据。View 就...