是否可以在 React 组件的状态下存储对象？如果是，那么我们如何使用 更改该对象中键的值setState？我认为在语法上不允许写这样的东西：
this.setState({ abc.xyz: 'new value' });
在类似的方面，我还有另一个问题：在 React 组件中有一组变量可以在组件的任何方法中使用，而不是将它们存储在状态中吗？
您可以创建一个包含所有这些变量的简单对象并将其放置在组件级别，就像在组件上声明任何方法一样。
很可能会遇到这样的情况：您将大量业务逻辑包含在代码中，并且需要使用许多变量，这些变量的值通过多种方法更改，然后您根据这些值更改组件的状态。
因此，不是将所有这些变量都保留在状态中，而是只保留那些值应该直接反映在 UI 中的变量。
如果这个方法比我在这里写的第一个问题更好，那么我不需要在状态中存储一个对象。
this.setState({ abc.xyz: 'new value' });不允许使用语法。你必须传递整个对象。
this.setState({abc: {xyz: 'new value'}});
如果你在 abc 中有其他变量
var abc = this.state.abc;
abc.xyz = 'new value';
this.setState({abc: abc});
你可以拥有普通变量，如果它们不依赖 this.props 和this.state.
您可以在对象中的先前值上使用ES6 扩展以避免覆盖
this.setState({
abc: {
...this.state.abc,
xyz: 'new value'
}
});
除了 kiran 的帖子，还有更新助手（以前是 react 插件）。这可以使用 npm 安装npm install immutability-helper
import update from 'immutability-helper';
var abc = update(this.state.abc, {
xyz: {$set: 'foo'}
});
this.setState({abc: abc});
这将创建一个具有更新值的新对象，其他属性保持不变。当您需要执行诸如推送到数组之类的操作并同时设置一些其他值时，这会更有用。有些人到处使用它，因为它提供了不变性。
如果这样做，您可以通过以下方式来弥补
shouldComponentUpdate: function(nextProps, nextState){
return this.state.abc !== nextState.abc;
// and compare any props that might cause an update
}
this.setState({abc: {xyz: 'new value'}});将不起作用，因为state.abc将被完全覆盖，而不是合并。
这对我有用：
this.setState((previousState) => {
previousState.abc.xyz = 'blurg';
return previousState;
});
除非我读错了文档，否则 Facebook 建议使用上述格式。 https://facebook.github.io/react/docs/component-api.html
另外，我想不改变状态的最直接方法是使用 ES6 扩展/休息运算符直接复制：
const newState = { ...this.state.abc }; // deconstruct state.abc into a new object-- effectively making a copy
newState.xyz = 'blurg';
this.setState(newState);
在一行代码中更简单的方法
this.setState({ object: { ...this.state.object, objectVarToChange: newData } })