React 组件刷新

1、检查react编写的页面在浏览器能否显示以下步骤不做详细讲解，不清楚的可看回我之前的经验。1.打包npm run build2.启动expressnpm run start3.浏览器输入地址127.0.0.1:9000

2、this.state小试牛刀1.编辑about.jsx2.添加以下代码：constructor(props){ super(props); this.state = {'name':'jack'};}render(){ return( <div>{this.state.name}</div> ) }

3、验证打包，浏览器显示页面

4、通过button点击刷新组件内容1.编辑about.j衡痕贤伎sx2.添加以下代码：changeText(){ this.setState(撑俯擂摔{'name':'kate'}); console.log(this.state.name);}render(){ return( <div> <div><Button type="primary" onClick={this.changeText.bind(this)}>点击更改</Button></div> <div>{this.state.name}</div> </div> ) }

5、验证1.打包，浏览器显示页面2.点击按钮，可以看到组件的内容已变化