for循环中的Onclick事件为每行传递最后一个元素的数据
提问于 2017-09-10 15:12:41
我正在尝试创建超链接，并在单击时将数据传递给javascript函数。每次单击生成的任何超链接时，我都会获得最后一个元素的数据。
for(var transaction in transactionList ){
transactionHistoryMap.push(
<div>
<a style={{'cursor':'pointer'}} onClick={() => {this.transactionDetail(key,transactionList[transaction].transactionId,transactionList[transaction].transactionName)}} className='transactionHistoryLinks'>{transactionList[transaction].transactionName}</a><br/>
</div>
);
}
回答 2
Stack Overflow用户
发布于 2017-09-10 18:52:29
这是由于closure造成的。解决此问题的最简单方法是在loop中使用let或const。for(const transaction in transactionList) { ... }。
在MDN的Creating closures in loops: A common common一节中查看此问题的示例
Stack Overflow用户
发布于 2017-09-14 17:33:16
我已经解决了使用下面的代码，它可以帮助其他人。
{
transactionHistory[keyName].map(function(value){
transactionHistoryMap.push(
<div>
<a style={{'cursor':'pointer'}} onClick={() => {this.transactionDetail(keyName,value.transactionId,value.transactionName)}} className='transactionHistoryLinks'>{value.transactionName}</a><br/>
</div>
)
},this
)}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/46142231
复制相关文章
![w ndows无法连接到System,电脑无法连接到System Event Notification Service服务[通俗易懂]](https://ask.qcloudimg.com/http-save/yehe-8223537/1492de7fd8a1c6a19418b31f3232072e.jpeg)
![w ndows无法连接到System,Windows无法连接到System Event Notification Service服务解决方法…[通俗易懂]](https://ask.qcloudimg.com/http-save/yehe-8223537/fb31c7ed48b131c7ebd68496cc428db4.jpeg)
腾讯云开发者
