...

目录： 简介 useRef forwardRef useImperativeHandle 回调Ref 简介 大家都知道React中的ref属性可以帮助我们获取子组件的实例或者Dom对象，进而对子组件进行修改，是一个很方便的特性。在传统类组件中，我们通过使用 ...

函数式组件中，如果不需要传参，可以直接指定函数，如果需要传参，需要使用箭头函数 ...

React组件的state和props React的数据是自顶向下单向流动的，即从父组件到子组件中，组件的数据存储在props和state中。实际上在任何应用中，数据都是必不可少的，我们需要直接的改变页面上一块的区域来使得视图的刷新，或者间接地改变其他地方的数据，在React中就使用props ...

1. 简介 函数式组件本质上就是一个JS函数 作为一个组件，至少包括一些结构代码 2. 示例代码 展开代码 3. 运行原理 ReactDOM.render解析组件标签 解析到组件为函数式组件，调用该函数，将返回的虚拟DOM转为真实DOM呈现在页面 普通JS ...

1.hook没有this 2.useState const [count, setCount] = useState(0); 一个初始值 一个是更新值 3.useEffect 方法 在类组件中想当于 componentDidMount ...

　　react hooks 是 React 16.8 的新增特性。 它可以让我们在函数组件中使用 state 、生命周期以及其他 react 特性，而不仅限于 class 组件。react hooks 的出现，标示着 react 中不会在存在无状态组件了，只有类组件和函数组件。 　　状态是隐藏 ...

优化思路 主要优化的方向有2个： 减少重新 render 的次数。因为在 React 里最重(花时间最长)的一块就是 reconction(简单的可以理解为 diff)，如果不 render，就不会 reconction。 减少计算的量。主要是减少重复计算，对于函数式组件来说，每次 ...