javascript - ReactJS - setState を複数の要素に

Question

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

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

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')
);

よろしくお願いします。