React18更新了哪些内容?
1.新增的react hook。
-
useId。
useId是一个 React Hook,在组件的顶层调用useId生成唯一 ID。- 注意事项:
useId不应该被用来生成列表中的 key。key 应该由你的数据生成。
- 注意事项:
-
useDeferredValue。
useDeferredValue是一个 React Hook,可以让你延迟更新 UI 的某些部分 -
useSyncExternalStore。
useSyncExternalStore让你订阅外部store的一个react hook。 -
useTranstiton:
useTranstion可以让我们在不阻塞ui时即可更新状态的react hook。 -
useInsertionEffet:
useInsertionEffet可以在布局副作用前将元素插入到DOM中,为CSS-in-JS库的作者打造的。
2.Suspense支持SSR。
3.自动批处理。在 react18 之前,promise,setTimeout,原生应用的事件处理程序,都不会被批量处理;但现在这些更新内容都会自动批处理。
4.startTransition。过渡更新,将任务分成紧急以及非紧急的更新。
5.新创建根节点的方法:ReactDom.createRoot();
6.react18的并发性可选择。低优先级的任务会被高优先级的任务打断。