易百教程

18、React 中的状态是什么?

State 是一个可更新的结构,它保存有关组件的数据和信息。响应用户操作或系统事件,它可能会在组件的生命周期内更改。它是反应组件的核心,它决定了组件的行为以及它将如何呈现。它必须尽可能简单。让我们创建一个带有“消息状态”的“User”组件。

import React from 'react'  

class User extends React.Component {  
  constructor(props) {  
    super(props)  

    this.state = {  
      message: 'Welcome to YiiBai'  
    }  
  }  

  render() {  
    return (  
      <div>  
        <h1>{this.state.message}</h1>  
      </div>  
    )  
  }  
}  
export default User