javascript - 如何使用按钮取消选中所有复选框。在子级中输入标签，在父级中输入按钮。 react -表

Question

我正在使用react-table，请参阅以下代码和框(here)

因此，我尝试将 unCheck 函数绑定(bind)到按钮，以便我选择的所有复选框都将变为未选中状态。该按钮位于父组件中，所有复选框都位于名为 MyCheckbox 的子组件中。

我已经尝试了很多事情，看起来引用文献就可以了。 (如果你找到其他方法，我洗耳恭听)

从技术上讲，我已经在另一个应用程序中尝试了以下操作 here它有效，但在这种情况下，函数和引用位于相同组件内。所以我猜我必须传递引用？或者可能是回调。 (抱歉，我对裁判有点陌生，是的，我知道他们是不好的做法)

这是失败的部分:

 unCheck() {
   let ref = "ref_";
   this.refs[ref].checked = !this.refs[ref].checked;
 }

如何将引用从 child 传递给 parent ？所以我的 Uncheck 函数可以使用它。

PD。此外，ToggleAll () 函数选择并取消选择所有复选框。这是react-table提供的一个prop。然而，这更像是一个开/关开关。我想要仅关闭部分。在我的实际应用程序中，我也使用 redux

Answer 1

试试这个:)

 unCheck = () => {
    this.setState({ selection: [] });
  };