useEffect 初始化和每次update时都会调用useEffect，其中的返回值函数会在下次更新前和销毁时执行 useCallback返回一个函数 每次依赖变化会返回一个新的函数，推荐为普通事件或传给子组件的方法添加，以优化性能 useMemo 每次依赖变化，useMemo的函数都会执行，以返回value，类似于vue中的计算属性 https: zhuanlan.zhihu.com p ...
2021-05-24 17:11 0 210 推荐指数：
什么是Hooks? 'Hooks'的单词意思为“钩子”。React Hooks 的意思是，组件尽量写成纯函数，如果需要外部功能和副作用，就用钩子把外部代码"钩"进来。而React Hooks 就是我们所说的“钩子”。 常用的钩子 ...
原文参考地址 原文阐述了在useEffect中如果依赖为一个一直变化着的状态时，它将陷入一个死循环。而在我的实验中，发现如果setTest设置的不是一个常量值时，就会出现警告，提示需要将init函数也加入useEffect的依赖中。 这也是可以理解的，如果是setTest为一个常量 ...
useMemo 将“创建”函数和依赖项添加到参数上使用备注，它仅会在某个依赖项改变时才重新计算备忘录值。这种优化避免在每次渲染时都进行高开销的计算。 也就是说useMemo可以让函数在某个依赖项改变的时候才运行，这可以避免很多额外的开销。举个例子： 不使用useMemo ...
相同点 1.都是在函数式组件中使用 2.都是为了阻止子组件的被动渲染(父组件重新render，子组件也跟着render) 不同点 1.memo 2.useMemo useMemo使用 在子组件中通过memo方法，对子组件进行包裹 在父组件中，通过useMemo对传给子 ...
什么是 React.memo ？ React.memo 和 React.PureComponent 类似， React.PureComponent 在类组件中使用，而React.memo 在函数组件中使用 看下面两个例子，有两个计数器组件，两个计数器的数据都来源于父组件，第一个计数器通过点击 ...
//useMemo,useCallback import React, { memo, useMemo, useCallback, useState } from 'react'; // import About from './About'; const Foo = memo ...
memo官网 useCallback memo缓存组件，useCallback缓存函数，若把上 ...
重点： 1.二者函数签名相同，调用方式是一致的 2. 怎么简单进行选择： 无脑选择useEffect，除非运行效果和你预期的不一致再试试useLayoutEffect 区别详解:useEffect是异步执行，而且是在渲染被绘制到屏幕之后执行。流程如下:你以某种方式触发了rerender ...
