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
  • 猛鬼宿舍手游如何维修房门
  • 香香脆脆的流沙黑芝麻馅儿
  • 猪猪侠快跑中怎么使用兑换码
  • 新神魔大陆充值攻略
  • 如何不费眼力快速穿针引线
  • 热门搜索
    手抄报春节 青春手抄报 国庆手抄报 关于文明的手抄报 创建文明校园手抄报 保护水资源手抄报 禁毒手抄报图片 我的梦想手抄报 大自然手抄报 艾滋病手抄报