どのように私は私がしたいのか、非常に反応する新しいと私は登録ページのチェックボックス要素に<br></p> <p>、以下を働いて反応するコールバック

Question

Imは選択肢のコンポーネントの実装です

const ChoiceItem = ({ options, itemId, selectedIndex, onChange }) => (
    handleChange: function(checked){ 
    const value = []; 
    options.map(option, i) => (
     value[ i ] = checked; 
    ) 

    }, 
    <Card> 
    { 
     options 
     .map((option, i) => (
     <Checkbox 
      id={ `Choiceitem-checkbox-${ i }-${ itemId }` } 
      key={ i } 
      label={ option.text } 
      style={ styles.checkbox } 
      value={ '' + i } 
      onChange={ (checked) => onChange(itemId, [ i ], checked) } 
     /> 
    )) 
    } 
    </Card> 
); 

を実装することができますここでは、オプションをループしてvalueという名前の配列に値を取得し、登録フォームにhandleAnswerChangeをコールしてそこに値を設定します。誰かがそれをどのようにアーカイブすることができるのか教えていただけますか？
ありがとうございます。

Answer 1

あなたにとって最良の解決策のようなサウンドは、双方向結合です。反応文書をチェックアウトして、双方向バインディングを追加することができます。

react two way binding。

もう1つのオプションはjqueryを使用します

Answer 2

これは実際にはこれに非常に近いです。私はMultipleChoiceItemであなたのhandleChangeを更新します：

handleChange = (index) => (checked) => { 
    const newValues = options.map((option, i) => { 
    // if it is the changed returned the new state 
    // otherwise just return the current value 
    return index === i ? checked : option; 
    }); 
    this.props.onChange(this.props.itemId, newValues); 
}; 

次に、あなたの私はonChangeを設定しますレンダリングの内側：

onChange={this.handleChange(i)} 

これは、各チェックボックスをクリックの上ごMyRegisterFormに状態を更新する必要があります。