react组件构建的三种方式

1，纯函数-

  • 组件不会被实例化，整体渲染性能得到提升
  • 组件不能访问this对象
  • 组件无法访问生命周期的方法
  • 无状态组件只能访问输入的props，同样的props会得到同样的渲染结果，不会有副作用

2，React.createClass

  • React.createClass会自绑定函数方法导致不必要的性能开销
  • React.createClass的mixins不够自然、直观

3，React.Component

   react.Component是以ES6的形式来创建react的组件的，是React目前极为推荐的创建有状态组件的方式，相对于 React.createClass可以更好实现代码复用。

　 绑定this可以应用bind call apply  props 。 component组件用this时要先使用super

posted @ 2019-10-21 08:35  hero~  阅读(336)  评论(0)  编辑  收藏  举报