跳到内容
保持联系
印度班加罗尔
[电子邮件 protected]
电话:+91 8919786847
工作查询
[电子邮件 protected]
电话:+91 8919786847
18分钟阅读

反应最新版本:在此全知

  1. 首页
  2. 反应.js
  3. 反应最新版本:在此全知

反应最新版本简介

 台湾宾果28开奖 Latest 16.13.0 是最新的。在台湾宾果28开奖.js行中更新。软件。新更新包含错误修复和新的弃用警告,以帮助为将来的任何主要版本做准备。 

 

反应最新版本的新警告- 

 渲染期间有一些更新警告。 

在渲染过程中,反应组件必须不会在其他组件中引起副作用,这一点至关重要。 

 支持通话 setState 在渲染期间,但仅针对相同的组件。如果在渲染过程中在其他组件上调用setState,则将出现以下警告: 

警告:无法从其他组件的功能主体内部更新组件。

 此警告使我们能够发现由于状态更改而导致的意外应用程序错误。在极少数情况下,您确实希望由于渲染而更改另一个组件的状态,可以通过将setState调用包装到useEffect中来进行更改。 

 

样式规则冲突的警告-

 当动态应用包含CSS属性的简写版本的样式时,特定的几种更新组合会导致样式不一致。例如: 

<div 风格= {拨动 ?

  { 背景: ‘blue’, 背景颜色: ‘red’ } :

  { 背景颜色: ‘red’ }

}>

  …

</div>

 

您可能期望这样<div>无论切换的值如何,始终具有红色背景,但这不是必需的。 

但是,当在true和false之间切换切换值时,背景颜色从红色开始,然后在透明和蓝色之间交替。 

 

现在,台湾宾果28开奖检测到样式规则冲突并记录警告。 

为了解决此问题,请勿在样式prop中混合使用同一CSS属性的简写版本和简写版本。  

 

一些不推荐使用的字符串引用的警告-

String Refs是一个老式的旧API,不建议使用,以后将不推荐使用: 

<纽扣 参考=”myRef />

 

重要的是,我们注意到字符串引用和引用通常不相同。引用仍然在台湾宾果28开奖 js中得到完全支持。 

 

将来,将提供一个自动化脚本来帮助从String Refs迁移。但是,在极少数情况下,迁移不会自动发生。此版本添加了专门针对弃用之前的情况的新警告。 

 

例如,如果将String Refs与render prop模式一起使用,它将触发。 

 

ClassWithRenderProp 延伸 反应.零件 {

  componentDidMount() {

做点什么(这个.裁判.myRef);

  }

  渲染() {

返回 这个.道具.孩子们();

  }

}

 

父类 延伸 反应.零件 {

  渲染() {

返回 (

   <ClassWithRenderProp>

     {() => <纽扣 参考=”myRef />}

   </ClassWithRenderProp>

);

  }

}

 

上面的代码通常表示错误。您可能希望该引用在ClassParent上可用,但会放在ClassWithRenderProp上。 

 

您很可能将没有这样的代码。如果确实有它,并且有意将其转换为台湾宾果28开奖.createRef(): 

 

ClassWithRenderProp 延伸 反应.零件 {

  myRef = 反应.createRef();

  componentDidMount() {

做点什么(这个.myRef.当前);

  }

  渲染() {

返回 这个.道具.孩子们(这个.myRef);

  }

}

 

父类 延伸 反应.零件 {

  渲染() {

返回 (

   <ClassWithRenderProp>

     {myRef => <纽扣 参考= {myRef} />}

   </ClassWithRenderProp>

);

  }

}

 

注意-要查看此警告,您必须在Babel插件中安装babel-plugin-transform-react-jsx-self。 

 

弃用台湾宾果28开奖.createFactory

反应.createFactory是用于创建台湾宾果28开奖元素的传统助手。此版本向该方法添加了弃用警告。它将在将来的主要版本中删除。 

 用常规的JSX替换台湾宾果28开奖.createFactory的用法。或者,您可以复制粘贴下面给出的代码。它具有相同的效果。 

  createFactory = 类型 => 反应.createElement.捆绑(空值, 类型);

 

不推荐使用台湾宾果28开奖DOM.stable_createPortal而推荐使用台湾宾果28开奖DOM.createPortal

 

反应 16发布后,创建门户 成为官方支持的API。

 

但是,我们保持 stable_createPortal 作为受支持的别名,以使采用它的少数库保持运行。我们现在不赞成使用不稳定的别名。使用创建门户 directly instead of stable_createPortal。它具有完全相同的签名。

 

其他值得注意的改进包括: 

 

1)    水化警告中的组件堆栈- 反应将组件堆栈添加到其开发警告中,从而使开发人员能够隔离错误并有效地调试其程序。此版本将组件堆栈添加到了许多以前没有它们的开发警告中。例如,考虑以前版本中的水化警告- 

 当它指出代码中的错误时,尚不清楚该错误是否存在以及如何解决该错误。此版本向此警告添加了一个组件堆栈,使其看起来像这样:

 这样可以弄清楚问题出在哪里,并让您更快地定位和解决错误。 

 

2)    重要的错误修正- 

 此版本包含其他一些显着改进: 

 

  •  在严格开发模式下,台湾宾果28开奖调用生命周期方法两次以清除任何可能的有害副作用。此版本将该行为添加到shouldComponentUpdate。这不应影响大多数代码。要修复shouldComponentUpdate中的副作用,请将带有副作用的代码移到componentDidUpdate中。
  •  在严格开发模式下,使用旧上下文API的警告不包括触发警告的组件的堆栈。此版本将缺少的堆栈添加到警告中。
  •  现在onMouseEnter不会在使用禁用时触发<button> elements.
  •  自我们发布v16以来,台湾宾果28开奖DOM缺少版本导出。此版本增加了该功能。我们不建议您在应用程序逻辑中使用它,但是在同一页面上调试不匹配/ 反应DOM的多个版本的问题时,它很有用。

 安装- 

 反应

反应 v16.13.0在npm注册表中可用。 

 

要使用Yarn运行台湾宾果28开奖 16: 

[电子邮件 protected]^ 16.13.0 [电子邮件 protected]^ 16.13.0

 

要使用npm安装台湾宾果28开奖 16,请运行:

npm 安装 –save [电子邮件 protected]^ 16.13.0 [电子邮件 protected]^ 16.13.0

 

UMD通过CDN构建的台湾宾果28开奖: 

<脚本 跨源 src=”//unpkg.com/[电子邮件 protected]/umd/react.production.min.js“></脚本>

<脚本 跨源 src=”//unpkg.com/[电子邮件 protected]/umd/react-dom.production.min.js“></脚本>

 

变更日志

反应

      当以不适合将来使用的方式使用字符串ref时发出警告

      弃用台湾宾果28开奖.createFactory()

 

反应DOM-

        在样式更改可能导致意外碰撞时发出警告 

        在另一个组件的渲染阶段更新某个功能组件时发出警告 

        弃用stable_createPortal

        Fix onMouseEnter being fired on disabled 纽扣s 

        在StrictMode中进行开发时,应两次调用shouldComponentUpdate 

        将版本属性添加到R​​eactDOM 

        不要调用危险地设置内部HTML的toString()

        在更多警告中显示组件堆栈 

 

 

 

作者头像
QuikieApps
//www.qinheli.com.cn/blog
下一篇文章
反应功能组件:与示例一起使用

最近的帖子

QuikieApps
张贴者 QuikieApps
2020年11月2日

发表评论 点击这里取消回复

您的电子邮件地址不会被公开。 必需的地方已做标记 *

我们使用cookie为您提供最佳体验。
Cookie政策