通过点击react.js传递ID

• Z时代
• 2024-01-10
• 分类：问答

下面是我的部分代码，但我的问题很简单，当用户单击“我”时如何对我的函数说data-id =“ 1” li？

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- 在这里使用箭头功能可能会更干净一些：

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>
    ) 
}

以上是 通过点击react.js传递ID 的全部内容， 来源链接： utcz.com/qa/421336.html