React 18 已发布，此版本包括开箱即用的改进，如自动批处理，新的 API（如 startTransition）和支持 Suspense 的流式服务器端渲染。

在 React 18 中，用户还可以开始使用 Suspense 在 Relay、Next.js、Hydrogen 或 Remix 等框架中获取数据。官方表示，使用 Suspense 获取临时数据在技术上是可行的，但仍不建议将其作为一般策略。在未来，其可能会公开更多的 primitives，使用户能够更容易用 Suspense 访问数据。

公告指出，其对 Suspense 的愿景始终不仅仅是加载代码——目标是扩展对 Suspense 的支持，以便最终相同的声明式 Suspense fallback 可以处理任何异步操作（加载代码、数据、图像等）。

React 18 的新功能如下：

• 自动批处理。批处理是 React 将多个状态更新分组到一个重新渲染中以获得更好的性能。默认情况下，Promise、setTimeout、native event handlers 或任何其他事件内部的更新不会在 React 中批处理。使用自动批处理，这些更新将自动批处理

• Transitions 是 React 中的一个新概念，用于区分 urgent 和 non-urgent updates。

• 新的 Suspense 功能。如果组件树的一部分尚未准备好显示，Suspense 可以声明方式指定组件树的加载状态。

• Suspense 使“UI loading state”成为 React 编程模型中的 first-class 声明性概念。

React 18 中在服务器上添加了对 Suspense 的支持，并使用并发渲染特性扩展了它的功能。React 18 中的 Suspense 与 transition API 结合使用时效果最佳。

如果在 transition 期间 suspend，React 将防止已经可见的内容被 fallback 所取代。相反，React 会延迟渲染，直到加载了足够的数据以防止出现错误的加载状态

更多详情可查看官方博客：https://reactjs.org/blog/2022/03/29/react-v18.html