React 编辑表单自动填充数据

问题

点击编辑按钮是空的，我希望能在点击编辑按钮的时候，该行记录的数据能自动填充到我的编辑界面

解决

一、渲染按钮的时候，就将数据传到子组件 

<StaffEdit staff={record}/>

二、子组件通过props接收传过来的数据

三、通过

form.setFieldsValue(props.staff)

将数据放入form表单中

总结

1）定义变量

  const [form] = Form.useForm();

2）在Form内设置form={form}，Form.Item设置好其name属性

3）在编辑按钮点击事件写入方法：setFields()

原文章