从列表中删除项目并获取列表数据：Ant Design

Question

有人可以帮我获取关于提交和删除用户列表数据的数据吗 代码如下 https://codesandbox.io/s/r4try

代码将帮助我们添加用户，但如何从列表中删除该用户？ 提交按钮不返回列表数据，如何返回呢？

请告诉我如何从用户列表中删除特定用户。请在用户上使用删除按钮

Answer 1

您可以在 Form.Provider onFormFinish 事件中执行此操作。检查表单名称是“basicForm”并获取用户。之后，您可以清除用户列表。 示例代码：

onFormFinish={(name, { values, forms }) => {
      const { basicForm } = forms;
      const users = basicForm.getFieldValue("users") || [];
      if (name === "userForm") {
        basicForm.setFieldsValue({
          users: [...users, values]
        });
        setVisible(false);
      }
      if (name === "basicForm")
      {
        console.log(values.group)
        console.log(users);
        //send data to server or anything else
        basicForm.setFieldsValue({
          users: [],
          group: ""
        });
      } 
    }}