React 16.9.0 发布,构建用户界面的 JavaScript 库
欢迎来到阿八个人博客网站。本 阿八个人博客 网站提供最新的站长新闻,各种互联网资讯。 喜欢本站的朋友可以收藏本站,或者加QQ:我们大家一起来交流技术! URL链接:https://www.abboke.com/ws/2019/0809/104920.html
ad-wrap">
挑战A.I.,赢百万奖金......了>>>
用于构建用户界面的 JavaScript 库 React 16.9.0 发布,更新如下:
React
- 添加 <React.Profiler>API,用于以编程方式收集<React.Profiler>的度量
render(
<Profiler id="application" onRender={onRenderCallback}>
<App>
<Navigation {...props} />
<Main {...props} />
</App>
</Profiler>
);
- 删除 unstable_ConcurrentMode,选择 unstable_createRoot
React DOM
重命名不安全生命周期方法
componentWillMount
→UNSAFE_componentWillMount
componentWillReceiveProps
→UNSAFE_componentWillReceiveProps
componentWillUpdate
→UNSAFE_componentWillUpdate
但是,当使用任何旧名称时,您将看到一个警告:
运行一个自动重命名它们的“codemod”脚本:
cd your_project
npx react-codemod rename-unsafe-lifecycles
运行此 codemod 将替换比如把 ComponentWillMount 这样的旧名称,替换为新的名称,UNSAFE_componentWillMount:
以 javascript 开头的 URL:是一个危险的攻击面,在 Reaction 16.9 中,此模式继续工作,但它将记录一个警告。
移除不常见的“模块模式”(工厂)组件
在<video>上添加对 disablePictureInPicture 属性的支持
为 <embed> 添加对 onload 事件的支持
从 DevTools 添加对编辑 useState 状态的支持
从 useEffect 调用 setState 时发出警告
修复内存泄漏
修复 findDOMNode 内部的崩溃,用于封装在 <Suspense> 中的组件
修复警告消息中不正确的参数顺序
React DOM Server
- 修复 CamelCase 自定义 CSS 属性名称的错误输出
React Test Utilities 和 Test Renderer
- 添加 act(async () => ...) 用于测试异步状态更新
- 从不同的渲染器中添加对 act 的支持
详情见发布说明:
https://github.com/facebook/react/releases/tag/v16.9.0