<div >
{lineOption.map(function(lineitem) {
return (
<button
key={lineitem.id}
onClick={this.props.onLineButtonClick(lineitem)}
console.log(this)
>
{lineitem.name}
</button>
);
})}
</div>
前几天刚看了几道this指向的面试题,没想到今天在写项目的时候还真遇到了。在map方法中使用function匿名函数的时候,上述代码中的console.log()打印的是 undefined。同时onclik调用的的方法也找不到。
解决方法,吧function匿名函数换成箭头函数