首先获取您想要的项目，更改该对象上的内容并将其设置回状态。 如果你使用键控对象，你只通过在getInitialState中传递一个对象来使用状态的方式会更容易。

handleChange: function (e) {
   item = this.state.items[1];
   item.name = 'newName';
   items[1] = item;

   this.setState({items: items});
}

不要原地改变状态。它会导致意想不到的结果。我已经吸取教训了!总是使用复制/克隆，Object.assign()是一个很好的例子:

item = Object.assign({}, this.state.items[1], {name: 'newName'});
items[1] = item;
this.setState({items: items});

https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Object/assign

错误的方式!

handleChange = (e) => {
    const { items } = this.state;
    items[1].name = e.target.value;

    // update state
    this.setState({
        items,
    });
};

正如许多优秀的开发者在评论中指出的那样:改变状态是错误的!

我花了好长时间才想明白。上面的工作，但它带走了React的力量。例如，componentDidUpdate不会将其视为更新，因为它是直接修改的。

所以正确的方法应该是:

handleChange = (e) => {
    this.setState(prevState => ({
        items: {
            ...prevState.items,
            [prevState.items[1].name]: e.target.value,
        },
    }));
};

尝试这肯定会工作，其他情况下我尝试过，但没有工作

import _ from 'lodash';

this.state.var_name  = _.assign(this.state.var_name, {
   obj_prop: 'changed_value',
});

我将移动函数句柄change并添加一个索引参数

handleChange: function (index) {
    var items = this.state.items;
    items[index].name = 'newName';
    this.setState({items: items});
},

到动态表单组件，并将其作为道具传递给PopulateAtCheckboxes组件。在遍历项目时，可以包含一个额外的计数器(在下面的代码中称为index)，将其传递给句柄更改，如下所示

{ Object.keys(this.state.items).map(function (key, index) {
var item = _this.state.items[key];
var boundHandleChange = _this.handleChange.bind(_this, index);
  return (
    <div>
        <PopulateAtCheckboxes this={this}
            checked={item.populate_at} id={key} 
            handleChange={boundHandleChange}
            populate_at={data.populate_at} />
    </div>
);
}, this)}

最后，您可以调用更改侦听器，如下所示

<input type="radio" name={'populate_at'+this.props.id} value={value} onChange={this.props.handleChange} checked={this.props.checked == value} ref="populate-at"/>

这真的很简单。

首先从状态中取出整个items对象，按需要更新items对象的部分，并通过setState将整个items对象放回状态。

handleChange: function (e) {
  items = Object.assign(this.state.items); // Pull the entire items object out. Using object.assign is a good idea for objects.
  items[1].name = 'newName'; // update the items object as needed
  this.setState({ items }); // Put back in state
}