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