在 React 18 中,并发模式(Concurrent Mode) 并不是一个你需要「开启」的独立功能,而是 React 内部引入的一套 并发渲染机制,它让 React 能够以更灵活、更高效的方式处理 UI 更新。 --- 1. 背景与概念 在 React 18 之前,React 的渲染是「同步且不可中断」的:一旦开始渲染组件树,就必须完成整个更新才能响应新的事件或状态变化。 这可能导致一些交互延迟,比如在大型列表或复杂组件中,用户点击按钮后界面会「卡住」直到重渲染完成。 并发模式的核心思想: 将渲染工作拆分成多个阶段,允许 React 中断、暂停、恢复或放弃正在进行的渲染任务,以便优先响应用户输入或其他高优先级更新。 --- 2. React 18 的变化 - React 18 不再有 早期实验性的 Concurrent Mode()被废弃。 - 并发特性成为默认基础能力 通过 API(稳定版)启用后,应用自动获得并发渲染的能力,但具体的并发行为需要配合新特性触发。 - 渐进式采用 开发者可以选择性使用并发特性(如 、),而不必一次性重构整个应用为「完全并发」。 --- 3....