javascript - 如何在ReactJS钩子(Hook)中使用箭头函数传递参数

Question

我是 ReactJS 的新手，我很困惑如何使用箭头函数传递参数，我尝试使用 .bind() 绑定(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>