Reactjs 和 Antd:动态复选框列表有问题

Reactjs and Antd: dynamic checkbox list having issues

当我偶然发现这个问题时,我正在构建一个更大的应用程序。我正在尝试使用 React 和 antd 创建一个动态复选框列表,但它无法正常工作。

我用一个例子创建了一个小codesandbox。该应用程序 objective 用于从列表中删除选中的复选框。但是,例如,如果您删除第一个,它会删除该条目,但下一个项目将被选中。

https://codesandbox.io/s/multi-delete-forked-wfxet?file=/src/App.js

您只需在复选框中添加一个键。 key={item.name} 或 w/e 对您的项目来说是独一无二的。或者在列表中使用 rowKey 道具,这样反应就不会使用索引作为项目的键