reactjs - 如何在 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>
    );
}

我想checked在 component 中获取 bool 值RememberMe。下面向您展示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 值，但它是未定义的。访问布尔值的正确方法是什么？

Answer 1

获取 RememberMe.js 中的值

记住我.js

getValue() {
   return this.refs.rm.checked;
}
render() {

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

登录卡 getValue() { return this.refs.RemMeChk.getValue() } 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>
    );
}