码迷,mamicode.com
首页 > 其他好文 > 详细

react组件构建的三种方式

时间:2019-10-21 09:24:38      阅读:108      评论:0      收藏:0      [点我收藏+]

标签:无法   msu   方法   导致   lin   col   code   react   tutorial   

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

react组件构建的三种方式

标签:无法   msu   方法   导致   lin   col   code   react   tutorial   

原文地址:https://www.cnblogs.com/tiepeng/p/11711429.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!