如何在 ReactJS 钩子中使用箭头函数传递参数

Question

我是ReactJS新手，我很困惑如何使用箭头函数传递参数，我试图使用.bind()来绑定值，以便我可以在function中使用它，但它不起作用，并且像普通函数一样传递它也不起作用。

我的代码

const getCheckById = (checkID) =>{
console.log(checkID)
}
<div className=''>
{
// allChecks is an array of objects
allChecks.map((el,index) => {
return <div key ={index}>
<span onClick={getCheckById(el.checkID)}>+</span>
</div>
})
}
</div>

Answer 1

const getCheckById = (checkID) =>{
console.log(checkID)
}

<div className=''>
{
// allChecks is an array of objects
allChecks.map((el,index) => {
return <div key ={index}>
<span onClick={() => getCheckById(el.checkID)}>+</span>
</div>
})
}
</div>