如何使用onClick將數據從.map傳輸到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);
}