# 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屬性！