2016-07-01 15 views
0

私はReactJSの子のプロパティ "checked"のブール値にアクセスします。今私は次のレンダリングメソッドを持っています。ReactJSで子供のプロパティの "boolean"値にアクセスする方法は?

クラス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> 
    ); 
} 

成分CheckboxMaterial UIからであり、それはcheckedの性質を有しています。私はvar isRemMeChked = ReactDOM.findDOMNode(this.refs.RemMeChk.refs.rm).checked;クラスLoginCardの中でbool値にアクセスしようとしましたが、未定義です。ブール値にアクセスする適切な方法は何ですか?

答えて

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() }の値を取得しますレンダリング(){

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> 
    ); 
} 
+0

なぜレンダリングメソッドの中でメソッドを宣言できますか? – Casper

+0

申し訳ありませんが、それはタイプミスです –

+0

メソッドが正しく返されることをテストしましたが、 'this.refs.rm.checked'は' undefined'です。私は 'ReactDOM.findDOMNode(this.refs.rm).checked'を返すようテストしましたが、' undefined'です。 Checkboxでチェックされたブール値を取得する方法は?ドキュメントには、プロパティがチェックされていることが示されています。 – Casper

関連する問題