React从另一个州获得状态值

Question

我正在使用React ，目前我想执行如下操作：

constructor(props) {
    super(props);
        this.state = {
          Final: 0,
          TotalCount: 30,
        };
}

function = () => {
this.setState({Final: (this.state.TotalCount / 10) +1 });
}

我预计Final的结果将是4，但它是1，是语法错误，还是不能像这样执行操作？(很抱歉使用荒谬的语法，因为我的基础是C#)

Answer 1

我最好的猜测是，您在构造函数中调用setState，就在声明状态之后，而不是在componentDidMount

componentDidMount() { this.setState({Final: (this.state.TotalCount / 10) +1 }) }

请注意，因为setState是异步调用(它不是立即运行，而是告诉组件它应该重新呈现一个新状态)，如果有一些依赖状态的东西，您应该在下一个生命周期对它们进行操作，以确保状态在之前更新。

Answer 2

在设置状态本身时，应使用以下语法访问状态：

this.setState((state) => ({Final: (state.TotalCount / 10) +1 }))

如下文所述：

https://reactjs.org/docs/react-component.html#setstate

Answer 3

this.setState(prev => ({ ...prev, Final: parseInt(prev.TotalCount / 10) + 1 }))

setState基本上接受回调，它从当前状态返回更新的状态，也因为除法在那里，所以安全地除以获得整数并返回更新的状态。