在 React 中将值设置为 state

Question

我是 React 的新手，我有一个问题集 state，这是代码：

this.setState((prevState) => {
                return{
                    prevVal: prevState.currentVal,
                    currentVal: 'DIGIT LIMIT MET'
                }
});

在此代码中，我项目中的prevVal将更新为'DIGIT LIMIT MET' ，但我希望它是最后一个currentVal ，即 prevState.currentVal。

this.setState({
                    prevVal: this.state.currentVal,
                    currentVal: 'DIGIT LIMIT MET'

});

在这段代码中，不会出现这个问题，但是根据React文档，无法确定this.state.currentVal就是prevState.currentVal。

如何完美解决这个问题？ 我误会了什么吗？

Answer 1

 this.setState(
      prevState => {
        const prev = prevState.currentVal;
        return {
          prevVal: prev,
          currentVal: 'DIGIT LIMIT MET'
        };
      },
      () => console.log(this.state)
    );

尝试这个。