1.使用场景
useEffect一般是个useState一起在使用。当函数式组件的state发生变化的时候,useEffect会被执行。每一次state的变化,都会自动的触发useEffect的调用。不像在受控组件里面,有时候state发生了变化,但是组件不更新的情况。
2.怎么用
先来看下面一段代码(基于上次的代码进行调整)。
第6行到第8行:useEffect的调用。我们直接这样写就行了。
第14行:就是现实一段文字。如果是上篇文章的最终代码你们运行过就知道,初始的时候,这里就是显示了内容的,也就是说,该组件一挂载就会执行。当我们点击第12行的时候,14行的内容也会随之改变。这就印证了我在第1点“每一次state的变化,都会自动的触发useEffect的调用”
好啦,使用就是这么的简单。
想了解更多更全的前端知识,那就关注我吧!!!
领取专属 10元无门槛券
私享最新 技术干货