使用useState的注意点

不负当下

已于 2022-03-19 11:51:55 修改

阅读量2.2k

点赞数

分类专栏： hook 文章标签：前端

于 2021-07-02 14:51:32 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_45272209/article/details/118415411

版权

hook 专栏收录该内容

2 篇文章

订阅专栏

使用useState的注意点

在setState里面要使用键头函数（此处箭头函数其实是函数就可以写函数的时候记得return）
若不使用键头函数里面的变量不会更新

    const [state, setState] = useState( 0)
    const changeState= () => {
        setState(a=>a+1);
        console.log(state)//在此处state的值为0
        setTimeout(()=>{
            console.log(state);  //此时在setTimeout里面state的值为0
            setState(a=>a)//将会把1赋值给state
            //setState(state)//此时会将未更新的0重新赋值 给state
        },1000)
    };