在React中，如何避免不必要的render被触发？

【概念释义】

避免不必要 render：React.memo、useMemo/useCallback 稳定引用、拆分 Context、Zustand selector、React Query 结构共享、children props 组合、key 隔离、Profiler 找热点。父 render 默认带动子 render，除非 memo bailout 或子不在父返回树中。

【基础使用】

const Sidebar = React.memo(function Sidebar({ items }) {
  return <nav>{items.