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

Question

我正在使用 react-table，请参阅以下代码框（此处）

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

我已经尝试了很多东西，看起来裁判会做。（如果你找到另一种方式，我会全神贯注）

从技术上讲，我在这里的另一个应用程序中尝试了以下操作并且它可以工作，但在这种情况下，函数和 ref 在同一个组件内。所以我猜我必须通过 refs？或者可能是回调。（对不起，我对裁判有点陌生，是的，我知道他们是不好的做法）

这是失败的部分：

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

如何将参考从孩子传递给父母？所以我的 Uncheck 功能可以使用它。

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

Answer 1

试试这个 ：）

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

Answer 2

试试这个也...

unCheck = () => {
    // let ref = "ref_";
    // this.refs[ref].checked = !this.refs[ref].checked;
    this.state.selectAll = true;
    this.toggleAll();
  };