【学习打卡】第12天 React18+TS高仿AntD从零到一打造组件库 Typescript

课程名称：2022升级 React18+TS高仿AntD从零到一打造组件库

课程章节： 第3章 神奇的 React 配合 typescript，完美输出

主讲老师：张轩

课程内容：

今天学习的内容包括：

3-13 useRef - state遇到的难题
3-14 useRef - 多次渲染之间的纽带

课程收获：

更新状态时，react会重新渲染组件，这个状态值是react中的一个常量，当setlike时，react会带着不同的like值再次调用组件。然后React会重新渲染dom以保持渲染和输出一致。同时prop和state都是独立的。

useRef返回的是一个current。
useRef作用：

1. ref在所有render中都保持着唯一的引用，所以对ref的赋值或者取值拿到的都是最终的状态，而不会在不同render之间存在隔离。
   这也解决了setState在不同render互相隔离的问题。
2. 访问原始节点进行dom操作

返回一个可变的 ref 对象，该对象只有个 current 属性，初始值为传入的参数( initialValue )。
返回的 ref 对象在组件的整个生命周期内保持不变
当更新 current 值时并不会 re-render ，这是与 useState 不同的地方
更新 useRef 是 side effect (副作用)，所以一般写在 useEffect 或 event handler 里
useRef 类似于类组件的 this