下面是我的部分代码,但我的问题很简单,当用户点击 li
时,如何让我的函数显示 data-id="1"?
render(){
return(
<ul id="todo">
{this.state.items.map((item,i) =>
<li className='list-group-item' key={i} data-id={item.id}>{item.name}
<button onClick={//how to pass item.id to my function?}>X</button>
</li>
)}
</ul>
)
}
最佳答案
因为您已经在使用 ES6 - 使用 arrow 可能会更干净一些函数在这里:
render(){
return(
<ul id="todo">
{this.state.items.map((item,i) =>
<li className='list-group-item' key={i} data-id={item.id}>{item.name}
<button onClick={() => this.yourfunc(item.id)}>X</button>
</li>
)}
</ul>
)
}
关于javascript - 通过单击 react.js 传递 id,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39818569/