Удалить пользователя из списка: Ant Design

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


person Pranshu Saxena    schedule 13.04.2020    source источник


Ответы (1)


вот решение

Демо-версия Codesandbox

https://codesandbox.io/s/control-between-forms-ant-design-demo-99sus?file=/index.js


<Form.Item
     label="User List"
            shouldUpdate={(prevValues, curValues) => prevValues.users !== curValues.users}
          >
            {({ getFieldValue, setFieldsValue }) => {
              const users = getFieldValue('users') || [];
              return users.length ? (
                <ul>
                  {users.map((user, index) => (
                    <li key={index} className="user">
                      <Avatar icon={<UserOutlined />} />
                      {user.name} - {user.age}
                      <CloseOutlined onClick={() =>{
                        const updatedUsers = delete users[index];
                        setFieldsValue({users: updatedUsers})
                      }} style={{ paddingLeft: 15 }}/>
                    </li>
                  ))}
                </ul>
              ) : (
                <Typography.Text className="ant-form-text" type="secondary">
                  ( <SmileOutlined /> No user yet. )
                </Typography.Text>
              );
            }}
          </Form.Item>
person Secret Keeper    schedule 13.04.2020