Удалить элемент из списка и получить данные списка: Ant Design

Question

Может ли кто-нибудь помочь мне получить данные для отправки и удаления данных из списка пользователей. Код доступен ниже https://codesandbox.io/s/r4try

код поможет нам добавить пользователя, но как его удалить этот пользователь из списка? кнопка «Отправить» не возвращает данные списка, поэтому как их вернуть?

Скажите, пожалуйста, как удалить конкретного пользователя из списка пользователей. пожалуйста, используйте кнопку удаления на пользователе

Answer 1

Вы можете сделать это в событии Form.Provider onFormFini sh. Проверьте имя формы «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: ""
        });
      } 
    }}