Antd 与 formik setFieldValue

Question

有一个带有数据的 Antd table，当我点击“更改”按钮时，带有数据的整行以对象的形式传递给函数，现在它仍然是将数据插入田地，但我不会，我该怎么办？

如何使用外部函数将数据设置为antd输入？

我可以用.map()，不过我觉得用formik更合适

const BankForm = (props) => {
        const [form] = Form.useForm();
        //show close form
        const columns = [
      ...MY columns
          {
            title: "Действие",
            key: "action",
            fixed: "right",
            render: (text, record) => (
              <Space size="middle"

              I clink to Button and all data of row go to ChangeBank(record)

                <a onClick={() => ChangeBank(record)}> Изменить</a>
            
              </Space>
            ),
          },
        ];
        const formik = useFormik({
          initialValues: {
            name_bank: "",
         
          },
          validate,
          onSubmit: (values) => {
          },
        });
      //my function to set data to form
        let ChangeBank = (record) => {
          formik.setFieldValue("name_bank", record.name_bank);
        };

        return (
            <div className={clas.tableBlock_header}>
      my form
         
              <Form
                form={form}
                layout="vertical"
                hideRequiredMark
                onFinish={formik.handleSubmit}
              >
                    <Form.Item
                      name="name_bank"
                      label="Название банка"
                      rules={[{ required: true, message: "Введите название банка" }]}
                    >
                      <Input value={formik.values.name_bank} name="name_bank" />
                    </Form.Item>
              </Form>
        );
      };

Answer 1

如果你想在 antd 表单字段中使用 formik 设置值，请不要给出名称 Form.item

如果您想将 antd 与 formik 一起使用，并且需要验证您的输入，只需下载 Yup。不要使用 antd 方法。 Yup with formik

          <Form
            form={form}
            layout="vertical"
            hideRequiredMark
            onFinish={formik.handleSubmit}
          >
                <Form.Item
                 
                  label="Название банка"
                  rules={[{ required: true, message: "Введите название банка" }]}
                >
                  <Input value={formik.values.name_bank} name="name_bank" />
                </Form.Item>
          </Form>**strong text**

Antd 与 formik setFieldValue

Antd with formik setFieldValue

javascript

reactjs

antd

formik