javascript - 为什么索引是来自渲染列表的类，在React Hooks中使用map函数？

Question

我使用 React hooks 和 useReducer 创建了一个简单的列表应用程序。添加项目时，列表呈现没有问题，但当单击按钮删除项目时，就会出现问题。什么都没发生。当我 console.log 时，从映射函数索引传递的索引是一个类。为什么会发生这种情况？

请参阅 StackBlitz 上的以下代码:

https://stackblitz.com/edit/react-jxgqwc

我希望索引是 listItems 数组中项目的索引，而不是类。

Answer 1

这是一个 React Click 事件。

将按钮上的点击事件更改为:onClick={() => handleItemDelete(index)}

然后就可以了。onClick EventHandler 的默认参数是控制台显示为类的单击事件。

参见:https://reactjs.org/docs/handling-events.html#passing-arguments-to-event-handlers