如何在reactJS中传递参数给'onclick'属性函数[duplicate]

okxuctiv 于 2023-01-08 发布在 React

关注(0)|答案(3)|浏览(130)

What is the difference between a function call and function reference?（6个答案）
16分钟前就关门了。
我正在尝试向复选框添加"onclick"事件，如下所示
第一个月
"removeTask"在同一文件中定义

function removeTask(elem){
    
     //use elem

 }

我想将"this"作为参数传递，但问题是在单击之前触发事件（可能），因为"removeTask（this）"被视为函数调用。
onclick = {removeTask}
但是我不能用这个方法传递'this'，有没有办法解决这个问题？

3条答案

是的，如果你想传递props，试着传入一个回调函数：当前您只传递属性的事件。

onclick = {() => removeTask(prop1, prop2)}

在回调函数中传递它

onClick={()=>function(this)}

如果你想在click事件上调用函数，你只需要在另一个函数中调用参数，如下所示：

<input type='checkbox' name="doneTask" value='done' onClick={()=>removeTask(this)}/>