antd表单赋值,回显表格数据

使用 antd 做表格回显数据时,会看到文档有写:
 
 所以我们可以
 
1.定义hooks
 
const [form] = Form.useForm();
 
2.在触发事件中使用,以打开模态框赋值为例
 
const showModal = () => {
 
    setIsModalVisible(true);
 
    form.setFieldsValue(“表格数据”)   //对象形式(user:{data})
 
  }; 
 
3.Form 要加上我们定义的 form
 
<Form
 
  form={form}                      //form
 
  name=”dynamic_form_nest_item”
 
  onFinish={onFinish}
 
>
 
  <Form.Item
 
    name={[“user”, “name”]}
 
    label=”name”
 
    rules={[{ required: “提示” }]}
 
  >
 
    <Input />
 
  </Form.Item>

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h64386.shtml

张贴在3