当前位置: 首页 > Web前端 > JavaScript

React18Beta来了

时间:2023-03-27 13:30:34 JavaScript

大家好,我是Kason。经过React18工作组几个月的努力,v18终于在11月16日从Alpha版更新到Beta版。本文将说明:本次更新带来的变化对开发者的影响如何安装v18什么时候Betav18稳定版来了?经过与社区的不断沟通,Beta版本将有以下三个API变化:useSyncExternalStore将取代useMutableSource订阅外部源,参见:#86讨论用法类似如下:import{useSyncExternalStore}from'react';//基本用法,getSnapshot返回一个缓存值conststate=useSyncExternalStore(store.subscribe,store.getSnapshot);//根据数据字段,使用inlinegetSnapshot返回缓存数据constselectedField=useSyncExternalStore(store.subscribe,()=>store.getSnapshot().selectedField);useId用于在客户端和服务端生成一个唯一的ID,避免SSR水化时元素不匹配,参见#111讨论用法类似如下:functionCheckbox(){constid=useId();return(<>你喜欢React吗?);;useInsertionEffect用于插入全局DOM节点,详见#110讨论useInsertionEffect的工作原理与useLayoutEffect类似,不同的是回调执行的是ref中的DOM节点无法访问。您可以在此Hook中操作全局DOM节点(例如