我正在創建一個應用程序，用戶可以在其中設計自己的表單。例如，指定字段名稱以及應包括哪些其他列的詳細信息。該組件在此處可作為JSFiddle使用。我的初始狀態如下：var DynamicForm = React.createClass({  getInitialState: function() {   var items = {};   items[1] = { name: 'field 1', populate_at: 'web_start',                same_as: 'customer_name',                autocomplete_from: 'customer_name', title: '' };   items[2] = { name: 'field 2', populate_at: 'web_end',                same_as: 'user_name',                     autocomplete_from: 'user_name', title: '' };     return { items };   },  render: function() {     var _this = this;     return (       <div>         { Object.keys(this.state.items).map(function (key) {           var item = _this.state.items[key];           return (             <div>               <PopulateAtCheckboxes this={this}                 checked={item.populate_at} id={key}                    populate_at={data.populate_at} />            </div>            );        }, this)}        <button onClick={this.newFieldEntry}>Create a new field</button>        <button onClick={this.saveAndContinue}>Save and Continue</button>      </div>    );  }我想在用戶更改任何值時更新狀態，但是我很難定位正確的對象：var PopulateAtCheckboxes = React.createClass({  handleChange: function (e) {     item = this.state.items[1];     item.name = 'newName';     items[1] = item;     this.setState({items: items});  },  render: function() {    var populateAtCheckbox = this.props.populate_at.map(function(value) {      return (        <label for={value}>          <input type="radio" name={'populate_at'+this.props.id} value={value}            onChange={this.handleChange} checked={this.props.checked == value}            ref="populate-at"/>          {value}        </label>      );    }, this);    return (      <div className="populate-at-checkboxes">        {populateAtCheckbox}      </div>    );  }});我應該如何this.setState進行更新items[1].name？