react

入口文件
React负责逻辑控制

图片.png

渲染了标签，把它挂载到页面的宿主上，宿主的名字叫root（下图中）

图片.png

使用 JSX

图片.png

{}里可以用任何变量

图片.png

两种编程方式

图片.png

如果数据需要修改，并且同时页面响应变化，我们需要放在state中，并且使用setState来修改数据
1.直接修改状态值不能生效
2.批量执行

图片.png

图片.png

条件渲染和循环

图片.png

事件处理

图片.png

组件通信