react的antd表单需不需要双向绑定state数据,现在一直纠结在这块地方,请大伙给个思路!!
不需要。
初始化可以通过参数initialValues赋值:
initialValues={this.state.formData}
提交的时候:
实际上提交的时候调用onFinish函数接受的参数就是你表单提交的值。
另外Form标签是自带了form属性的。通过如下方式可以拿到
// 定义form的Hook
const [form] = Form.useForm();
const onFinish = (values: any) => {
console.log('Received values of form: ', JSON.stringify(values));
};
...
// 关联form
<Form form={form} onFinish={onFinish} initialValues={this.state.formData}>
...
也就是说任何时候,form都是可以拿到的。
但是,也存在需要绑定的例外情况,比如说需要实时和Form之外的组件沟通,那么就需要绑定起来。(我觉得这种情况就脱离了Form是否应该绑定state这个问题了,其实和Form关系不大,每个组件本来就可以自由控制触发、关联关系。用了这么久antd我也没遇到过实在要绑定的情况,都用很优雅的方式化解了。)
文档里有 示例。initialValues和setFildsValue