入口文件
React负责逻辑控制
图片.png
渲染了<APP>标签,把它挂载到页面的宿主上,宿主的名字叫root(下图中)
图片.png
使用 JSX
图片.png
{}里可以用任何变量
图片.png
两种编程方式
图片.png
如果数据需要修改,并且同时页面响应变化,我们需要放在state中,并且使用setState来修改数据
1.直接修改状态值不能生效
2.批量执行
图片.png
图片.png
条件渲染和循环
图片.png
事件处理
图片.png
组件通信