码迷,mamicode.com
首页 > 其他好文 > 详细

react 16更新

时间:2019-07-23 20:13:19      阅读:145      评论:0      收藏:0      [点我收藏+]

标签:end   场景   定义   das   ros   页面   处理   font   nbsp   

  1、render新的返回类型

    render方法支持两种新的返回类型:数组(由React元素组成)和字符串

  2、错误处理

    16之前,组件在运行期间如果执行出错,就会阻塞整个应用的渲染,这时候只能刷新页面才能恢复应用。

    16引入了新的错误处理机制,默认情况下,当组件中抛出错误时,这个组件会从组件树中卸载,从而避免整个应用的崩溃。

    除此之外,16还提供了一种更加友好的错误处理方式——错误边界(Error Boundaries)。(componentDidCatch)

  3、Portals(任意门)

    16的Portals特性让我们可以把组件渲染到当前组件树以外的DOM节点上,这个特性典型的应用场景是渲染应用的全局弹框,使用

Portals后,任意组件都可以将弹框组件渲染到根节点上,以方便弹框的显示。(ReactDOM.createPortal(child, container))

  4、自定义DOM属性

    16之前会忽略不识别的HTML和SVG属性,现在React会把不识别的属性传递给DOM元素。

  5、还有一些其余功能,例如setState传入null时不会再触发组件更新、更加高效的服务器端渲染方式等。

 

技术图片

react 16更新

标签:end   场景   定义   das   ros   页面   处理   font   nbsp   

原文地址:https://www.cnblogs.com/webcabana/p/11234079.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!