可以用 this.setState()更新组件的状态。
1class MyComponent extends React.Component {
2 constructor() {
3 super();
4 this.state = {
5 name: 'Maxx',
6 id: '101'
7 }
8 }
9 render()
10 {
11 setTimeout(()=>{this.setState({name:'Jaeha', id:'222'})},2000)
12 return (
13 <div>
14 <h1>Hello {this.state.name}</h1>
15 <h2>Your Id is {this.state.id}</h2>
16 </div>
17 );
18 }
19 }
20ReactDOM.render(
21 <MyComponent/>, document.getElementById('content')
22);
可以用 this.setState()更新组件的状态。
1class MyComponent extends React.Component {
2 constructor() {
3 super();
4 this.state = {
5 name: 'Maxx',
6 id: '101'
7 }
8 }
9 render()
10 {
11 setTimeout(()=>{this.setState({name:'Jaeha', id:'222'})},2000)
12 return (
13 <div>
14 <h1>Hello {this.state.name}</h1>
15 <h2>Your Id is {this.state.id}</h2>
16 </div>
17 );
18 }
19 }
20ReactDOM.render(
21 <MyComponent/>, document.getElementById('content')
22);