React16 新特性

  1. 多了一个错误组件Error Boundaries,需要加上生命周期
  • componentDidCatch 用来记录错误信息
  • static getDerivedStateFromError 用来返回一个state。渲染UI
  1. render可以返回数组类型, 不需要外面加一层div了, 也可以用React.Fragments组件
  2. 自定义的dom属性不会被react截掉了
  3. createProtal 可以指定放在哪个dom节点下面, 但是不影响react的虚拟dom结构。dom结构可以好一些(比如全局弹窗)
  4. 渲染机制改变了, 不过目前默认还是以前的渲染机制, 需要手动打开. 会影响到生命周期执行多次的问题
  5. 更新了获取ref的方式. 是用React.createRef()
  6. 更新了使用context的方式. React.createContext(), 子组件就算shouldComponentUpdate返回值是false, 照样会更新.
  • constructor(props, context)
  • componentWillReceiveProps(nextProps, nextContext)
  • shouldComponentUpdate(nextProps, nextState, nextContext)
  • componetWillUpdate(nextProps, nextState, nextContext)
  • Consumer
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 3. JSX JSX是对JavaScript语言的一个扩展语法, 用于生产React“元素”,建议在描述UI的时候...
    pixels阅读 2,925评论 0 24
  • 深入JSX date:20170412笔记原文其实JSX是React.createElement(componen...
    gaoer1938阅读 8,117评论 2 35
  • 作为一个合格的开发者,不要只满足于编写了可以运行的代码。而要了解代码背后的工作原理;不要只满足于自己的程序...
    六个周阅读 8,548评论 1 33
  • 1、React新特性介绍 React v16.0 render 支持返回数组和字符串、Error Boundari...
    做最棒的阅读 4,772评论 0 4
  • 秋姑姑 我们 想起秋姑姑 就想起收获 我没有见过秋姑姑 但我猜秋姑姑的脸儿 是红红的 圆圆的 胖乎乎的 我没有看见...
    一粒玉米阅读 229评论 0 0