React.createClass( ) 和 React.Component( ) 有什么区别?

之前定义一个组件类时都是这样写的 :

这里写图片描述
但是,也看到用有扩展 React.Component的写法,于是写出下面类型的code。

这里写图片描述

但是,发现 getInitialState根本没有执行,控制台提示如下信息:

Warning: getInitialState was defined on TodoApp, a plain JavaScript class. This is only supported for classes created using React.createClass. Did you mean to define a state property instead?

那么我的问题就来了:

  • 1、 createÇlass 和 Component 区别?什么时候用什么?
  • 2、生命周期的componentDidMount 的 component 又啥联系?
  • 3、用Component形式写时又该怎么去初始化state?

看一下官网给出的描述 :

The API (via ‘extends React.Component’) is similar to React.createClass with the exception of getInitialState. Instead of providing a separate getInitialState method, you set up your own state property in the constructor.

也就是说,当我们通过es6类的继承实现时去掉了getInitialState这个hook函数, 规定state的初始化要在constructor中声明。

这里写图片描述

Babel的Blog上还提到另外一种实现方法,即直接使用赋值语句:

这里写图片描述

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值