# Class组件的私有数据 Class组件称之为有状态组件。即组件的私有数据的存放位置。相当于Vue组件的data选项。 它的存放位置在constructor中的super(props)下面。 状态存放是通过this.state = {} 来存储。 修改状态 是通过this.setState({})相当于小程序的修改，是异步的方法（先记等后面逐一去验证） ~~~ import React, {Component} from 'react' class Hello extends Component { constructor(props) { super(props) this.state = { msg: '你好' } } render() { return ( <div>{this.props.name} <span>{this.state.msg}</span></div> ) } } ~~~ <iframe width="100%" height="300" src="//jsrun.net/NFyKp/embedded/all/light" allowfullscreen="allowfullscreen" frameborder="0"></iframe> ## 两种创建组件方式的对比 1. 用构造函数创建出来的组件：专业的名字叫做“无状态组件” 傻组件 2. 用class关键字创建出来的组件：专业的名字叫做“有状态组件” 聪明组件还可以书写生命周期 ## 总结 用构造函数创建出来的组件，和用class创建出来的组件，这两种不同的组件之间的**本质区别就是**：有无state属性！！！ 有状态组件和无状态组件之间的本质区别就是：有无state属性！