0

ReactJS で「チェック済み」の子のプロパティのブール値にアクセスしたいと考えています。これで、次の render メソッドができました。

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

checkedcomponentの bool 値を取得したいRememberMe。の render メソッドを次に示します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 値にアクセスしようとしましたが、未定義です。ブール値にアクセスする適切な方法は何ですか?

4

1 に答える 1

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() { 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>
    );
}
于 2016-07-01T15:02:02.577 に答える