如果在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的一个属性。