ユーザーが独自のフォームをデザインできるアプリケーションを作成しています。例えば。フィールドの名前と、含める必要がある他の列の詳細を指定します。

このコンポーネントは JSFiddle として利用できます。

初期状態は次のようになります:

var DynamicForm = React.createClass({ getInitialState: function() { var 項目 = {}; items[1] = { 名前: 'フィールド 1'、populate_at: 'web_start'、 同じもの: '顧客名', autocomplete_from: 'customer_name'、タイトル: '' }; items[2] = { 名前: 'フィールド 2'、populate_at: 'web_end'、 同じもの: 'ユーザー名', autocomplete_from: 'user_name'、タイトル: '' }; 返却商品 }; }、 レンダリング: function() { var _this = これ; 戻る （ 
 { Object.keys(this.state.items).map(関数 (キー) { var item = _this.state.items[キー]; 戻る （ 
  
 ); }、 これ）} 新しいフィールドを作成 保存して続行 
 ); }

ユーザーが値を変更したときに状態を更新したいのですが、正しいオブジェクトを見つけるのに苦労しています。

var PopulateAtCheckboxes = React.createClass({ handleChange: 関数 (e) { item = this.state.items[1]; item.name = '新しい名前'; items[1] = アイテム; this.setState({アイテム: アイテム}); }、 レンダリング: function() { var PopulateAtCheckbox = this.props.populate_at.map(function(value) { 戻る （ <={値} のラベル>  {価値}  ); }、 これ）; 戻る （ 
 {populateAtCheckbox} 
 ); } });

items[1].name を更新するには、this.setState をどのように作成すればよいですか?