javascript - ReactJS-複数の要素へのsetState

原文 javascript components reactjs setstate

複数のコンポーネントの状態(actiu)をfalseに設定して、クラスを介してそれらを参照しようとしています。行のラベルをクリックすると、行のすべての要素のアクティブ状態がfalseに変わることをどのように達成できますか?
これが私のコンポーネントツリーです:

ラベルの各行を生成するいくつかのブレードテンプレート構文があります

var RespostesBox = React.createClass({
  render: function() {
    return (

<div className="form-group">
    <?php $zenbatu = 0; ?>
    @foreach($preguntes as $p)
        <div className="well">
            {{ $p->preg }}
            {{ $p->help }}
        </div>
        <?php $zenbatu++ ?>
        <?php for($j = 0; $j <= 10; ++$j) { ?>
            <LabelResp izena="resp{{ $zenbatu }}" balioa="{{ $j }}" />
        <?php } ?>
    @endforeach
</div>

    );
  }
});

var LabelResp = React.createClass({
    getInitialState: function() {
        return {actiu: false};
    },
    handleClick: function(event) {

        // 
        this.setState({actiu: true})

    },
    render: function() {
        return (
            <label className={this.state.actiu ? "radio-inline amgrd actiu" :"radio-inline amgrd"} onClick={this.handleClick}>
            <input type="radio" name={this.props.izena} value={this.props.balioa} className={this.props.izena} /> {this.props.balioa}
            </label>
        );
    }
});


React.render(
  <RespostesBox />,
  document.getElementById('lespreguntes')
);


よろしくお願いします!
答え
LabelRespコンポーネントの親とRes​​posterBoxの子になるRowの別のコンポーネントを作成することをお勧めします。次に、ResposterBoxコンポーネントでStateとhandleClickを設定します。

行と通信するために、各行のインデックスをhandleClickに渡すことができます。多分これdocはあなたを助けることができます
関連記事

javascript - php:// stdinが余分な文字を読み取る

javascript - (AngularJS)UI-Routerのセットアップ後にインジェクションが機能しない

javascript - AngularJSでタッチ/ドラッグを開始するときにメソッドを呼び出す方法

javascript - 1番目のテキストフィールドのラジオボタンをクリックしている間、2番目のテキストフィールドは非アクティブである必要があります

javascript - 階層グリッドでネストされたKendo UIデータソースのデータをフィルターする方法

javascript - SQLローカルデータベースに値を挿入し、JavaScriptを使用してテーブルデータを印刷する

javascript - Win7でIE11を使用したJavascriptランタイムエラー:未定義またはnull参照のプロパティ 'disabled'を設定できません

javascript - JavaScriptを使用して.configファイルから値を読み取る

javascript - ウォーターラインMongoDb(移入済み)でフェッチされたオブジェクトは、その型とプロトタイプ関数を失います

javascript - DIVにプッシュした後のスクリプトの実行