React中的Hooks之useEffect详解

1.使用场景

useEffect一般是个useState一起在使用。当函数式组件的state发生变化的时候，useEffect会被执行。每一次state的变化，都会自动的触发useEffect的调用。不像在受控组件里面，有时候state发生了变化，但是组件不更新的情况。

2.怎么用

先来看下面一段代码（基于上次的代码进行调整）。

第6行到第8行：useEffect的调用。我们直接这样写就行了。

第14行：就是现实一段文字。如果是上篇文章的最终代码你们运行过就知道，初始的时候，这里就是显示了内容的，也就是说，该组件一挂载就会执行。当我们点击第12行的时候，14行的内容也会随之改变。这就印证了我在第1点“每一次state的变化，都会自动的触发useEffect的调用”

好啦，使用就是这么的简单。

想了解更多更全的前端知识，那就关注我吧！！！