学习目标:
提示:两个小时学会React状态数据更新
例如:
- 两个小时学会React状态数据更新
学习内容:
提示:学会React状态数据更新
(6)状态数据更新
React
特性是单向数据流,也就是所谓的单向数据绑定,数据的更新包含数据模块更新以及视图更新两部分
- 直接修改变量数据,变量数据更新,但是视图不会同步更新,这就是单向数据流
- 推荐:更新变量数据,通过
this.setState({key: value, key2: value, ...})
的形式进行更新,既能更新变量数据,同时也会推送更新视图界面 - 不推荐:直接更新变量数据,最后通过调用
this.setState({})
刷新视图界面 - 注意:
setState({})
是一个异步函数
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="app"></div>
<script src=