react如何知道更新
React 的更新机制
React 通过虚拟 DOM（Virtual DOM）和高效的 diff 算法来管理组件更新。当组件的状态或属性发生变化时，React 会重新渲染组件并计算出最小的 DOM 操作。
触发更新的条件
组件的更新通常由以下三种情况触发：
- props 变化：父组件重新渲染并传递新的 props。
- state 变化：组件内部调用
setState或useState的更新函数。 - context 变化：组件订阅的 context 值发生变化。
虚拟 DOM 与 Diff 算法
React 在每次渲染时会生成新的虚拟 DOM 树，并与旧的虚拟 DOM 树进行比较（diff 算法）。通过比较节点的类型、属性和子节点，React 确定哪些部分需要实际更新到真实 DOM 上。
性能优化策略
为了减少不必要的渲染，React 提供了以下优化手段：
- React.memo：对函数组件进行浅比较，避免不必要的重新渲染。
- PureComponent：类组件中通过浅比较 props 和 state 来减少渲染。
- useMemo 和 useCallback：缓存计算结果和函数，避免子组件因父组件渲染而重新渲染。
批量更新机制
React 会将多次状态更新合并为一次渲染，以提高性能。例如，在事件处理函数中多次调用 setState，React 会将这些更新批量处理，最终只触发一次重新渲染。
异步更新特性
React 的状态更新是异步的。调用 setState 或 useState 的更新函数后，React 会将更新加入队列，并在合适的时机批量处理。如果需要立即获取更新后的状态，可以使用 useEffect 或在类组件中使用 setState 的回调函数。
