如何在ReactJS中“检查”访问孩子属性的布尔值？

Question

我想访问ReactJS中“检查”的孩子属性的布尔值。现在我有以下渲染方法。

类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的布尔checked值。以下显示RememberMe的渲染方法。

类RememberMe.js

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

组分Checkbox是从Material UI并且它具有的checked财产。我尝试在类LoginCard中使用var isRemMeChked = ReactDOM.findDOMNode(this.refs.RemMeChk.refs.rm).checked;来访问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> 
    ); 
} 

登录卡 的getValue（）{ 回报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> 
    ); 
}