多语言展示
当前在线:1863今日阅读:183今日分享:19

React 组件刷新

react页面渲染后是不会再主动刷新。在项目中,要经常用到ajax进行内容的更改。本教程图文详细步骤,演示react组件的刷新。
工具/原料

已安装react,node.js,express

方法/步骤
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(                       

{this.state.name}
         )    }

3

验证打包,浏览器显示页面

5

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

推荐信息