React Effect Hooks之useEffect

Effects使组件连接到外部系统并与其同步。 包括处理网络、浏览器 DOM、动画、使用不同 UI 库编写的小部件以及其他非 React 代码。

• useEffect 连接组件到外部系统。
• useLayoutEffect 浏览器重绘触发，可以用来计算layout。
• useInsertionEffect 在 React 对 DOM 进行更改之前触发。可以用来插入动态 CSS。

useEffect(setup, dependencies?)

参数

• setup: Effect的逻辑的函数。该函数可以返回一个清理函数。组件添加dom中，就会执行setup函数。DOM中删除，将运行清理函数。

• optional dependencies: setup函数的依赖项列表。

返回值

useEffect 返回 undefined.

用法

连接外部系统