如果在Form表单中onChange事件中，手写了一个setFieldsValue, 则不会生效。原因是因为：Form表单会在手写的onChange事件之后执行内部的setFieldsValue，所以会将我们之前手写的setFieldsValue给覆盖掉。解决方案：
1. 使用setTimeout延时。此方案不推荐
2. 使用getValueFromEvent. 是当onChange的时候，更改form表单的值的情景下使用
<FormItem label="路由节点" {...nodelayout}>
{getFieldDecorator(`node`, {
rules: [
required: true,
message: '选择要指定的路由节点',
getValueFromEvent: (val: any) => {
let nodesArr = [] as any;
for (let item of transferList) {
for (let j of val) {
if ((item as any).id === j) {
nodesArr.push(item);
return nodesArr;
<Transfer
operations={['>>', '<<']}
dataSource={transferList}
filterOption={(inputValue: any, option: any) =>
option.value.indexOf(inputValue) > -1
showSearch
lazy={false}
targetKeys={targetKeys}
onChange={transferHandleChange}
onSearch={transferHandleSearch}
render={item => item.value}
</FormItem>
3. 如果你只想简单的更改表单的值setFieldsValue，而不是在onChange的时候触发。那么可以使用normalize. 与上述的getValueFromEvent类似，都是option的一个属性。
在使用
antd
form表单
的时候，肯定会使用到它里面的
set
Field
s
Value
【赋值】、get
Field
s
Value
【获取值】，两个api，但是小编在使用的过程
中
遇到一个问题就是使用
set
Field
s
Value
赋值，有的时候并不能生效，后面小编查了下这个方法的说明，感觉是小编在初始化的时候赋值有点早了，后面小编在赋值的时候加了一个异步（
set
Timeout）就好使了。
具体有...
记住：
set
Field
s
Value
的字段要对应得上
解决
antd
的Form组件
set
Field
s
Value
的警告
使用
antd
的Form组件
set
Field
s
Value
可能会出现You cannot
set
a form
field
before rendering a
field
associated with the
value
.警告，字面意义去看是说在 render之前设置了表单值的问题。
在使用
set
Field
s
Value
给表单Form的某一个filed赋值时，可能掺杂了非表单控件
中
的字段，
Form表单
在赋值和渲染时发现有些字段无法渲染在现有的字段（因为不存在），所以就会报出这
//index页面
import React from 'react'
import { Table, Button, message, Input, Select, Modal, } from '
antd
';
const Option = Select.Option;
import AddOrEdit from './AddOrEdit '
class List extends React.Component {
constructor(props) {
super(pr
formLayout 不起作用
Form标签 layout属性设置为’inline’ 时 下拉组件宽度没有自适应:
// 方法1:用Row + Col 定义自己需要的宽度,把layout属性设置为'horizontal',
const formLayout = {
labelCol: { span: 4 },
wrapperCol: { span: 14 },
--------------------------------------------------------------------------
最近在修改一个管理系统项目（Vue +
Antd
v），在做数据回显时，发现部分字段回显失败，检查所有代码发现都没有问题。后来搜索后提示说初始化时候赋值可以过早了, 特此记录一下。2、另一个解决方法是：加上this.$nextTick(()=>{})即可。👨 作者简介：大家好，我是Taro，前端领域创作者。
但是由于近视度数的表单是根据判断条件来渲染的，这就会导致这个表单还未被渲染的时候，就已经给leftMyopia这个属性赋值了，结果就是其实leftMyopia这个值并没有赋值上，并且控制台还爆出了警告信息。为了解决这个问题，就不用那种条件判断渲染方式了，直接用css样式来控制这个表单是否在当前条件下显示，这样就不会因为表单还为渲染就赋值的问题了，主要也赋值不上，打印出来的是默认值。initial
Value
为0。
老是发现
set
Field
s
Value
第一次点编辑某一列时候不会加载成功，第二次点进去加载的是第一次的值 也是坑啊
最后网上都说延迟
执行
就写了延迟0.1秒 果然可以 但是感觉有点傻缺 等待大神给出更好的方案
原因如图，经过断点之后，发现ref的实例为undefined，因为第一次使用modal时，此时还没渲染dom节点到dom
中
，没有实例是很正常的。至于后来的，但是第二次打开之后，可以发现，此时已经正常使用。
下图是第二次点击。
第二次点击结果如下图，可以看到此时是正常的。
解决：第一次使用ref实例，因为还没有dom节点，使用ref当然获取不到实例
通常使用ant design的表单验证时，我们直接在get
Field
Decorator
中
使用rules来定义校验规则，默认的触发校验规则则的
事件
validateTrigger为
onChange
，也就是说，触发onblur
事件
时不会校验其
中
的规则。
<FormItem {...formItemLayout} label="文章标题">
{get
Field
Decorator('ti...
