我认为setState()不进行递归合并。

您可以使用当前状态的值this.state.selected来构造一个新状态，然后调用setState()它：

var newSelected = _.extend({}, this.state.selected);
newSelected.name = 'Barfoo';
this.setState({ selected: newSelected });

我在这里使用了函数_.extend()函数（来自 underscore.js 库）selected通过创建它的浅拷贝来防止修改状态的现有部分。

另一种解决方案是编写setStateRecursively()which 在新状态上进行递归合并，然后调用replaceState()它：

setStateRecursively: function(stateUpdate, callback) {
  var newState = mergeStateRecursively(this.state, stateUpdate);
  this.replaceState(newState, callback);
}

不变性助手最近添加到 React.addons 中，因此，您现在可以执行以下操作：

var newState = React.addons.update(this.state, {
  selected: {
    name: { $set: 'Barfoo' }
  }
});
this.setState(newState);

不变性助手文档。

由于许多答案使用当前状态作为合并新数据的基础，我想指出这可能会中断。状态更改排队，并且不会立即修改组件的状态对象。因此，在处理队列之前引用状态数据将为您提供不反映您在 setState 中所做的未决更改的陈旧数据。从文档：

setState() 不会立即改变 this.state 而是创建一个挂起的状态转换。调用此方法后访问 this.state 可能会返回现有值。

这意味着在对 setState 的后续调用中使用“当前”状态作为参考是不可靠的。例如：

1. 第一次调用 setState，排队改变状态对象
2. 第二次调用 setState。您的状态使用嵌套对象，因此您希望执行合并。在调用 setState 之前，您会获得当前状态对象。这个对象不反映在第一次调用 setState 时所做的排队更改，因为它仍然是原始状态，现在应该被视为“过时”。
3. 执行合并。结果是原始的“陈旧”状态加上您刚刚设置的新数据，不会反映初始 setState 调用的更改。您的 setState 调用将第二次更改排队。
4. react进程队列。处理第一个 setState 调用，更新状态。处理第二个 setState 调用，更新状态。第二个 setState 的对象现在已经替换了第一个，并且由于您在进行该调用时拥有的数据已经过时，因此第二次调用中修改后的过时数据已经破坏了在第一次调用中所做的更改，这些更改已丢失。
5. 当队列为空时，React 决定是否渲染等。此时您将渲染在第二个 setState 调用中所做的更改，就好像第一个 setState 调用从未发生过一样。

如果您需要使用当前状态（例如将数据合并到嵌套对象中），setState 或者接受一个函数作为参数而不是一个对象；在对状态进行任何先前更新之后调用该函数，并将状态作为参数传递——因此这可用于保证原子更改尊重先前的更改。

我不想安装另一个库，所以这是另一个解决方案。

代替：

this.setState({ selected: { name: 'Barfoo' }});

改为这样做：

var newSelected = Object.assign({}, this.state.selected);
newSelected.name = 'Barfoo';
this.setState({ selected: newSelected });

或者，感谢评论中的@icc97，更简洁但可以说可读性更差：

this.setState({ selected: Object.assign({}, this.state.selected, { name: "Barfoo" }) });

另外，要明确的是，这个答案没有违反@bgannonpl 上面提到的任何问题。

保留基于@bgannonpl 答案的先前状态：

洛达什示例：

this.setState((previousState) => _.merge({}, previousState, { selected: { name: "Barfood"} }));

要检查它是否正常工作，您可以使用第二个参数函数回调：

this.setState((previousState) => _.merge({}, previousState, { selected: { name: "Barfood"} }), () => alert(this.state.selected));

我使用merge因为extend否则丢弃其他属性。

react不变性示例：

import update from "react-addons-update";

this.setState((previousState) => update(previousState, {
    selected:
    { 
        name: {$set: "Barfood"}
    }
});