如何将数据从.map传输到带有onClick的href元素的功能

Question

我试图将.map中的一个元素移到onClick函数，以便我可以将它传递给redux，但我不知道如何继续。这是我的代码

const Lists = lists.map((list, index) => 
    <li key={index}> {list.name} <a href="#" onClick={this.listInfo.bind(this)}>Learn More</a> </li>); 

这是功能提前

listInfo(event){ 
    event.preventDefault(); 
    var el = list.name //this is where I want to save that value; 
    console.log(el) 
} 

感谢

Answer 1

试试这个....

const Lists = lists.map((list, index) => 
<li key={index}> {list.name} <a href="#" onClick={(e) => this.listInfo(e, list.name)}>Learn More</a> </li>); 

，改变你的功能，这个.. 。

listInfo(event, listName){ 
//..... 
console.log(listName); 
}