我正在使用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
最佳答案
试试这个:)
unCheck = () => {
this.setState({ selection: [] });
};
关于javascript - 如何使用按钮取消选中所有复选框。在子级中输入标签,在父级中输入按钮。 react -表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49851208/