主要观点:React 19 已稳定,介绍了其新特性、改进之处及升级指南。
关键信息和重要细节:
新特性:
- Actions:支持在过渡中使用异步函数处理待处理状态、错误、表单和乐观更新,新增
useActionState
等相关钩子,<form>
元素支持action
和formAction
props,可自动处理表单。 - 新钩子:
useActionState
简化了Actions的常见情况处理;useOptimistic
用于在异步请求期间显示乐观更新;use
可在渲染中读取资源,如Promise和Context。 - React DOM 静态 API:新增
prerender
和prerenderToNodeStream
用于静态站点生成,改善renderToString
。 - Server Components:包括Server Components和Server Actions,前者可提前渲染组件,后者允许Client Components调用服务器上的异步函数。
- Actions:支持在过渡中使用异步函数处理待处理状态、错误、表单和乐观更新,新增
改进之处:
ref
可作为函数组件的prop,新函数组件无需forwardRef
,未来将弃用forwardRef
;改进了hydration
错误的错误报告,更详细地显示不匹配的差异;可将<Context>
作为provider,未来将弃用<Context.Provider>
;支持ref
回调的清理函数,未来将弃用在组件卸载时调用ref
为null
的方式;useDeferredValue
新增initialValue
选项;支持文档元数据、样式表、异步脚本和预加载资源;提高了与第三方脚本和扩展的兼容性,改善了错误报告,添加了新的根选项处理错误。
- 升级指南:查看React 19 Upgrade Guide获取详细的升级步骤和更改列表。
- 更新信息:此帖子最初于 2024 年 4 月 25 日发布,已更新至 2024 年 12 月 5 日以反映稳定版本。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。