1. 使用 ref 引用一个值 const intervalRef = useRef(initialValue); useRef 返回一个具有单个 current 属性的 ref 对象。current 属性值可以修改，初始值为 initialValue。与 state 不同的是，改变 ref 不会触发重新渲染，因此可以使用 useRef 存储那些在组件多次渲染之间需要存储但又不需要渲染在页面上

ReactHooksuseStateuseRefuseEffectuseLayoutEffectuseInsertionEffectuseReduceruseSyncExternalStoreuseContextuseMemouseCallbackuseTransitionuseDeferredValueuseDebugValueuseId自定义Hook ReactHoo

渲染和提交 组件显示到屏幕之前，必须被 React 渲染。主要需要经历以下三个步骤： 步骤1： 触发一次渲染 有两种原因会导致组件的渲染： 组件的初次渲染组件（或其父组件）的状态发生改变而触发重新渲染 当应用启动时，会触发初次渲染。一旦组件被初次渲染，就可以调用 set 函数（useState）更新其状态来触发之后的渲染。更新组件的状态会自动将一次渲染送入队列。 可以把这种情况想象成餐

前些日子看了B站一个UP主的视频，将reactHooks区分为自变量和因变量并说明其中的联系，感触很深，自己打算也来总结一下hoos以及hooks的原理，下面是使用篇 关系 useState useState是自变量，也就是说可以通过它自己的改变来影响其他的因变量 从useState里取出这两个变量一个用于存放值，另外一个用于设置前者的内容 默认值为useState内填写的内容 用法：

前些日子看了B站一个UP主的视频，将reactHooks区分为自变量和因变量并说明其中的联系，感触很深，自己打算也来总结一下hoos以及hooks的原理，下面是使用篇 关系 useState useState是自变量，也就是说可以通过它自己的改变来影响其他的因变量 从useState里取出这两个变量一个用于存放值，另外一个用于设置前者的内容 默认值为useState内填写的内容 用法：