🐶先讲点废话 有些场景我们不想在首次渲染时就执行effect，比如搜索时，只在 keyword 变化时才调用 search 方法。这个hooks在平时也用的比较多的，所有我们来写写它的源码。 🦌来看

useEffect是React提供给我们的一个“逃生舱”，是React 的纯函数式世界通往命令式世界的“逃生通道”，选择合适的时机使用useEffect会让我们的代码既优雅又高效，反之会造成不必要的负

大多数开发者的观念里，useEffect 一定会在浏览器完成渲染后被异步调用。但事实并非如此，useEffect 并不总是在页面渲染完后后才会被调用，有时也许会在页面渲染前同步调用执行 effect。

背景 一切起因皆是因为下面这段代码而起，甚至跟小伙伴们讨论了很久，大家可以先上个眼，后面会细说，戳 👉

React 在构建用户界面整体遵循函数式的编程理念,即固定的输入有固定的输出,尤其是在推出函数式组件之后，更加强化了组件纯函数的理念。但实际业务中编写的组件不免要产生请求数据、订阅事件、手动操作 DO