ReactJS:确定从另一个文件传递的数组中项的索引.(使用Ant设计)

Question

我有一个文件，其中包含一些Javascript代码，该代码由数组组成，其中包含多个对象(键:值对)。最初，在我的主文件(App.jsx)中，我创建了一个状态变量，并将其设置为另一个JS文件中的数组。我现在试图添加一个按钮，当我点击它时，我可以确定数组内的值属于哪个对象(项目)。

<List
bordered
className="list-default"
dataSource={requestInfo}
renderItem={(item) => (
<Space>
<List.Item>
<h4>{"Request Id: " + item.requestId}</h4>
<div>
{"Request DateTime: " + item.requestDateTime}
</div>
</List.Item>
<Button type="text" onClick={showDetails}>
>>
</Button>

这是我的代码片段。基本上，内联函数中的'item'是数组中的一个对象(requestInfo ->这是一个状态变量)。我希望它是这样的，按钮可以存储对象(项目)的索引作为其ID。谢谢你的帮助!

Answer 1

在你的Button声明中，你正在传递一个函数引用到onClick prop:

<Button type="text" onClick={showDetails}>

是

的快捷方式:

<Button type="text" onClick={(clickEvent) => showDetails(clickEvent)}>

你可以展开它，用你需要的参数调用函数:

<Button type="text" onClick={() => showDetails(item.requestId)}>