Может ли кто-нибудь помочь мне удалить данные из списка пользователей. Код доступен ниже https://codesandbox.io/s/r4try Подскажите, пожалуйста, как удалить конкретного пользователя из списка пользователей. пожалуйста, используйте кнопку удаления на пользователе
Удалить пользователя из списка: Ant Design
Ответы (1)
вот решение
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