2024面试题React整理

541 阅读1分钟

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 之前,promisesetTimeout,原生应用的事件处理程序,都不会被批量处理;但现在这些更新内容都会自动批处理。

4.startTransition。过渡更新,将任务分成紧急以及非紧急的更新。

5.新创建根节点的方法:ReactDom.createRoot();

6.react18的并发性可选择。低优先级的任务会被高优先级的任务打断。

参考文档:zh-hans.react.dev/reference/r…