微信授权扫码点餐-新特性React16

1、render 支持返回数组和字符串download:微信授权扫码点餐-新特性React16

class Example extends React.Component {
  render() {
    return [
      <div key="1">first element</div>,
      <div key="2">second element</div>,
    ];
  }
}

2、Error Boundary（错误边界）

<ErrorBoundary>
   <BuggyCounter />
</ErrorBoundary>

包裹在组件外，组件出错，可以抛出异常，但是不会让页面白屏。

3、createPortal

ReactDOM.createPortal(
      // Any valid React child: JSX, strings, arrays, etc.
      this.props.children,
      // A DOM element
      this.el,
  )

传送门，通过createPortal生成的组件，可以任意定义你需要放的位置。比如弹框放在body上面，就可以document.body…appendChild(this.el)。

4、自定义属性

ReactDOM.render(
  <h1 custom="hello">Hello, world!</h1>,
  document.getElementById("root")
);

custom就是自定义的属性，以前的有白名单的，自定义就抛错。