如何将复选框状态传递给 React 中的 onClick 函数

Question

我目前对这个 - 正如我所想的 - 微不足道的任务有点迷失。我的 React 应用程序中有一些复选框，它们具有 onClick 函数。现在我需要将信息传递给函数，如果我只是选中或取消选中复选框。

<input type="checkbox"
       name={field}
       id={field}
       onClick={() => this.buildTemplate(objectA, objectB, checkboxState)}
/>
<label htmlFor={field}>
    {getLabel(`${this.props.modelType}.${fieldName}`)} 
</label>

当函数被调用时，我需要根据复选框的状态做一些事情。

buildTemplate = (objectA, objectB, checked) => {
    checked ? yep() : nope();
};

我试图像这样绑定复选框，它起作用了，但现在我不知道如何在这个函数中传递其他参数。

onClick={this.testFunc.bind(this)}

...

testFunc(event) {
    console.log(event.target.checked)
}

我还发现了这个问题，其中接受的答案建议参考，但我可能有很多复选框，对我来说似乎有点矫枉过正，创建参考只是为了传递复选框的当前状态。我认为对此有一个愚蠢的解决方案，但似乎我无法弄清楚。

Answer 1

发送这样的参数

 onClick={(event) => this.buildTemplate(objectA, objectB, event)

然后在功能中使用这个

event.target.checked

获取复选框的值