从映射的点击事件中获取属性

Question

I want to be able to access a mapped items ID. so inside the map, I have a link button that has an onClick event. How can I access that specific items ID when it is clicked?

idTest(){
    console.log('id:', item.id);
}

this.dataTest = this.state.data.map((item, key) => 

    <div key={item.Id}>
        <div><p>{item.id}</p></div>
        <Link to='/package_summary' onClick={this.idTest}>Click</Link>
    </div>
);

Answer 1

不要传递this.idTest ，而是使用anynomous函数并将item.id作为item.id的参数this.idTest ：

<Link to='/package_summary' onClick={() => this.idTest(item.id)}>Click</Link>