React揭秘

react合成事件 React 合成事件是 React 自己实现的一套事件系统，它是对浏览器原生事件 (Native Event) 的一层封装。 为什么react要自己在封装原生的事件系统呢？ 解决浏

React 的生命周期主要分为两种：类组件（Class Components）  和 函数组件（Functional Components with Hooks） 。它们实现生命周期的方式完全不同。

受控组件 和 非受控组件 （主要针对表单组件） 理解受控与非受控组件的关键在于回答这个问题： “表单输入框中的数据由谁来管理？” 受控组件：React State 是唯一的数据来源。组件的状态（sta

虚拟dom是什么，为啥要用虚拟dom 虚拟dom是用js对象来描述真实dom（也就是 通过虚拟dom可以生成真实dom）（修改虚拟dom也能影响真实dom） 虚拟dom 就像一个中间层，用户不是直接修

16.6ms 浏览器60hz刷新率，如果想让页面流畅，即 一秒 绘制 60 帧。 也就是 有16.6ms来绘制一帧。 只要保证 16.6ms能绘制出一帧，页面就不会卡顿. 但是页面绘制可能不需要16.

useContext 常用于。祖孙之间通信useContext 常用于。祖孙之间通信useContext 常用于。祖孙之间通信

useRef useRef 可以绑定dom useRef 可以用来存储值，useRef.current的改变，不会导致组件渲染 注意事项 组件在重新渲染的时候，useRef的值不会被重新初始化。 改变

useEffect useEffect 依赖为空时 （无依赖），无论组件首次挂载还是重渲染，useEffect 都会执行 useEffect 依赖依赖为空数组时 函数只会在组件首次挂载时执行，之后组件

npm install immer use-immer 1️⃣ 概念 useImmer 来自 Immer 库。 作用：让你在 React state 中可以 直接“修改(操作)”对象或数组，而不需要手

useReducer 集中式管理组件的状态 1️⃣ 基本概念 useReducer 是 React 提供的 管理组件状态的一种 Hook，功能上类似于 useState，但是它更适合状态逻辑复杂或依赖

react组件 react组件本质就是一个函数，return 返回的jsx构成视图。 视图可以使用 函数内部 let const useState Props 的值。 useState的用法 关键词