手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

React中使用setState()修改State

时间:2024-10-13 03:11:58

1、新建HTML文件,添加<script>标签,引入react.js、react-dom.js、babel.js文件。

React中使用setState()修改State

2、创建App组件并渲染。

React中使用setState()修改State

3、在APP组件中添加State,

React中使用setState()修改State
React中使用setState()修改State

4、使用setState()方法修改State,点击按钮更新State中的age。

React中使用setState()修改State
React中使用setState()修改State

5、当我们用setState()方法修改State后,打印出State中的值并没有同步修改。

React中使用setState()修改State
React中使用setState()修改State

6、setState()是异步方法,当一个操作内多次调用setState,会进行合并然后一次更新。当我们一次调用两个setState方法,我们可以看到只运行了一次render。

React中使用setState()修改State
React中使用setState()修改State
© 手抄报圈