reactjs - 使用 .map() 方法在 React.js JSX 渲染中获取元素 ID

Question

我正在使用 react 开发应用程序，

const getButtonId=(num)=>{
   let click_detect=document.getElementById('div_'+num)
   console.log(click_detect)
}

this.state.users.map(i=>{
   return(
    <button id={'div_'+i.id} onClick={(i.id)=>this.getButtonId(i.id)}>
      Click Me
    </button>
  )
})

所以每次我点击按钮时，我都会得到null. 这是为什么？如果我希望所有按钮都有不同的 id，我应该在这里做什么？

标签： reactjsdom

Answer 1

尝试这个：

const getButtonId = (id) => console.log("Button ID:", id);

this.state.users.map((user, index) => (
   <button key={index} onClick={() => this.getButtonId(user.id)}>
      Click Me
   </button>
))