react-hooks,useState，赋值后没有立刻改变问题？

Question

输出为false,true,false
想要的是false,true,true
react-hooks,useState，赋值后没有立刻改变问题

const [isShowProfessional, setShowProfessional] = useState(false)`
console.log('777777',isShowProfessional)
console.log('000000',!isShowProfessional)
setShowProfessional(!isShowProfessional)
console.log('888888',isShowProfessional)

Answer 1

需要配合userEffect,第二个数组参数，表示数组内的变量变化会执行userEffect的方法。建议去看看官方的文档。

userEffect(()=>{
    console.log('888888',isShowProfessional)
},[isShowProfessional])

Answer 2

首先React的state更新机制不是同步的