reactjs - 我可以改变传递给 setState 函数的状态吗？

Question

我知道我不应该直接在 React 中改变状态，但是当我使用函数时情况如何:

onSocialClick = e => {
    const id = e.target.value;
    this.setState((prevState, props) => {
        prevState[id] = !(prevState[id]);
        return prevState;
    });
};

修改传递的对象是否错误？

编辑:

事实证明，我们大多数人都错了。 react docs state it clearly现在:

state is a reference to the component state at the time the change is being applied. It should not be directly mutated. Instead, changes should be represented by building a new object based on the input from state and props

感谢 @Tomáš Hübelbauer 在评论中指出。

Answer 1

更简洁的方法是直接引用您想要编辑的属性:

doIt = () => this.setState(({ [id]: prevValue }) => ({
  [id]: !prevValue,
}));