在 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)
    );

嘗試這個。