react 16更新

Posted 2022-05-07 webcabana

　　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时不会再触发组件更新、更加高效的服务器端渲染方式等。