javascript - 如何在 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>

标签： javascriptreactjsreact-hooksarrow-functions

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>