react组件构建的三种方式
Posted tiepeng
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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
以上是关于react组件构建的三种方式的主要内容,如果未能解决你的问题,请参考以下文章