page contents

如何更新组件的状态?

轩辕小不懂 发布于 2022-07-16 14:31
阅读 540
收藏 0
分类:WEB前端开发
3943
Nen
Nen
- 程序员

可以用 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);

请先 登录 后评论