react的antd表单需不需要双向绑定state数据

Question

react的antd表单需不需要双向绑定state数据，现在一直纠结在这块地方，请大伙给个思路！！

Answer 1

不需要。
初始化可以通过参数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我也没遇到过实在要绑定的情况，都用很优雅的方式化解了。）