使用handleChange上的事件找出已更改的元素，然后更新它。为此，您可能需要更改某些属性来标识它并更新它。

参见fiddle https://jsfiddle.net/69z2wepo/6164/

有时候在React中，突变克隆的数组会影响到原来的数组，这种方法永远不会导致突变:

    const myNewArray = Object.assign([...myArray], {
        [index]: myNewItem
    });
    setState({ myArray: myNewArray });

或者如果你只是想更新一个项的属性:

    const myNewArray = Object.assign([...myArray], {
        [index]: {
            ...myArray[index],
            prop: myNewValue
        }
    });
    setState({ myArray: myNewArray });

我将移动函数句柄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"/>

我也有同样的问题。这里有一个简单的解决方法!

const newItems = [...this.state.items];
newItems[item] = value;
this.setState({ items:newItems });

错误的方式!

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,
        },
    }));
};

@JonnyBuchanan的答案非常完美，但只适用于数组状态变量。如果状态变量只是一个单一的字典，遵循以下方法:

inputChange = input => e => {
    this.setState({
        item: update(this.state.item, {[input]: {$set: e.target.value}})
    })
}

你可以用字典的字段名替换[input]，用它的值替换e.target.value。这段代码对我的表单的输入更改事件执行更新工作。