材料 UI - 如何在 ReactJS 中访问子属性"checked"的布尔值？

Question

我想在ReactJS中访问子属性"checked"的布尔值。现在我有了下面的渲染方法:

类LoginCard.js

render() {
    return (
        <Card style={styles.card}>
            <UserIcon/>
            <UPSection ref="inputs" updateUName={this.updateInputState_Username} updatePWord={this.updateInputState_Password}/>
            <RememberMe ref="RemMeChk"/> //This conponent containing the checkbox.
            <LoginBtn onClick={this.handleLoginBtnClicked}/>
        </Card>
    );
}

我想在组件RememberMe中获得bool checked值。以下是RememberMe的渲染方法。

类RememberMe.js

render() {
    return (
        <div style={styles.div}>
            <Checkbox ref="rm" label="Remember Me" labelStyle={styles.text} />
        </div>
    );
}

组件Checkbox来自Material UI，具有checked的属性。我尝试使用var isRemMeChked = ReactDOM.findDOMNode(this.refs.RemMeChk.refs.rm).checked;类LoginCard访问bool值，但它是未定义的。访问bool值的正确方法是什么?

Answer 1

从RememberMe.js中获取值

RememberMe.js

getValue() {
   return this.refs.rm.checked;
}
render() {
    return (
        <div style={styles.div}>
            <Checkbox ref="rm" label="Remember Me" labelStyle={styles.text} />
        </div>
    );
}

<<p> 登录卡/strong>getValue () {返回this.refs.RemMeChk.getValue ()｝呈现(){

    return (
        <Card style={styles.card}>
            <UserIcon/>
            <UPSection ref="inputs" updateUName={this.updateInputState_Username} updatePWord={this.updateInputState_Password}/>
            <RememberMe ref="RemMeChk"/> //This conponent containing the checkbox.
            <LoginBtn onClick={this.handleLoginBtnClicked}/>
        </Card>
    );
}