useState 设置值不能立即更新答案

【问题标题】：useState set value cannot update immediatelyuseState 设置值不能立即更新
【发布时间】：2020-06-26 10:27:38
【问题描述】：

我想更改为一个 useState 项的值，然后将项设置为 AsyncStorage，但是我发现useState的值还是保持之前的值，然后保存到AsyncStorage。请帮助我该怎么办？非常感谢

下面是我的示例代码：


 const [myGetNo,setMyGetNo] = useState(0)

  useEffect(()=>{        
        console.log('useEffect ',myGetNo)
    },[myGetNo])    

 _storeData =async  () => {
        try {
             setMyGetNo(2)  
             let myTicket ={myGetNo:myGetNo}
             await AsyncStorage.setItem('myTicket',JSON.stringify(myTicket))
            }            
        } catch (err) {
         console.log('AsyncStorage SetItem Error: ',err) 
        }
     };

结果： myGetNo 的值仍然是初始值 0 ，而不是 2 ，保存在 AsyncStorage 中。

【问题讨论】：

这能回答你的问题吗？ useState set method not reflecting change immediately
stackoverflow.com/a/54069332/5349104 参考这个答案。这已经在这里回答了。

标签： use-state

【解决方案1】：

状态myGetNo 的值仅在重新渲染后更新。所以在 try 和 catch 块中，AsyncStorage 使用旧的 myGetNo 值。

要解决这个问题，请像这样更新try 块：

const newNo = myGetNo + 2
setMyGetNo(newNo)  
let myTicket ={myGetNo: newNo}
await AsyncStorage.setItem('myTicket',JSON.stringify(myTicket))

【讨论】：