amandaXCY / javascript

react
0 stars 0 forks source link

React 16 新特性 #3

Open amandaXCY opened 7 years ago

amandaXCY commented 7 years ago

componentDidCatch 解决未捕获错误阻塞整个应用的问题

componentDidCatch不能捕获所有错误,组件上绑定的事件的回调方法里的错误 捕获不到 视频:(https://pan.baidu.com/s/1jImXhLO)[https://pan.baidu.com/s/1jImXhLO]

返回多个元素

在 render 方法里可以返回多个节点数组

render(){
   return [
      <li>Apple<li>
      <li>Banna<li>
   ]
}

(https://pan.baidu.com/s/1cg1OZ0)[https://pan.baidu.com/s/1cg1OZ0]

Elements 就是对象

组合和集成

https://reactjs.org/docs/composition-vs-inheritance.html

react,推荐组合,不推荐集成

组件什么会被卸载

父组组件卸载 type 发生变化(组件变化) key 发生变化

ref

在React16中,不在推荐使用this.ref.node,因为在后面的版本中可能要被移出,现在推荐使用回调函数

<li ref={(li)=>this.liNode=li}