如何找到我们在react js中使用map动态渲染的元素的键

Question

我试图获得一个元素的键，我通过使用映射函数给出一个唯一的键来渲染该元素。任何知道的人都可以对答案发表评论。

Answer 1

您可以这样做。

<div>
{items.map((item, index) => <div key={index} onClick={(e) => yourFunction(key)}>something</div>)}
</div>

key的点击功能。

function yourFunction(key) {
const selectedItem = data[key];
// logic here.
}

Answer 2

这很容易做到，我们只需要在函数中传递我们想对该事件调用的键。

{item && item.map((i)=> (<h1 key={i.key} onClick={(i)=>findKey(i.key)}>Item {i.value}</h1>))

我们的功能应该是：

function findKey(key){
console.log(key)
}