React中，非兄弟组件如何进行通信？

【概念释义】

非兄弟组件通信（跳过共同父的直接 props）：状态提升到最近公共父、Context、全局 store（Redux/Zustand）、事件总线（mitt，慎用）、URL/query、ref + imperative（不推荐跨层）。选型看距离、更新频率与是否需要持久化。

【基础使用】

const BusContext = createContext(null);

function Provider({ children }) {
  const [filter, setFilter] = useState("");