javascript - 更改 react 状态的单个变量

Question

是否允许在不调用 setState 的情况下分配 React 组件状态的单个变量，如 this.state.foo = "bar"？我需要在多个地方更改部分状态，而且我无法使用对象展开运算符，而且 Object.assign 过于冗长。如何在不重新定义整个状态的情况下仅更改状态的一部分？

Answer 1

你应该使用 setState 而不是实例变量，因为 React 知道状态变化很重要，这样它才能适本地触发渲染。

由于 React 在 DOM 上使用的 diffing 算法，您可以根据需要随时高效地调用 setState。

请注意，对一个变量调用 setState 会使其他变量保持不变:

this.setState({ foo: 'bar' }); // Does not change foo2