0
点赞
收藏
分享

微信扫一扫

好客租房28-state和this.setState(this.setState修改状态)


状态是改变的

语法:this.setstate

千万不要直接改变this.setState

setState 修改state 更新ui

数据驱动视图

    //导入react

    import React from 'react'


    import ReactDOM from 'react-dom'

    //导入组件


    // 约定1:类组件必须以大写字母开头


    // 约定2:类组件应该继承react.component父类 从中可以使用父类的方法和属性


    // 约定3:组件必须提供render方法


    // 约定4:render方法必须有返回值

class HelloWorld extends React.Component {
//初始化state
state = {
geyao: 0,
}

render() {
return (
<div>
<h1>{this.state.geyao}</h1>
<button
onClick={() => {
this.setState({
geyao: this.state.geyao + 1,
})
}}
>
点击加一
</button>
</div>
)
}
}

ReactDOM.render(<HelloWorld />, document.getElementById('root'))





举报

相关推荐

0 条评论