Bootstrap

React(4)—— 使用create-react-app创建一个React项目

index.html -------- 主页面

logo192.png ------- logo图

logo512.png ------- logo图

manifest.json ----- 应用加壳的配置文件

robots.txt -------- 爬虫协议文件

src ---- 源码文件夹

App.css -------- App组件的样式

App.js --------- App组件

App.test.js ---- 用于给App做测试

index.css ------ 样式

index.js ------- 入口文件

logo.svg ------- logo图

reportWebVitals.js

— 页面性能分析文件(需要web-vitals库的支持)

setupTests.js

---- 组件单元测试的文件(需要jest-dom库的支持)

4. 功能界面的组件化编码流程(通用)


  1. 拆分组件: 拆分界面,抽取组件

  2. 实现静态组件: 使用组件实现静态页面效果

  3. 实现动态组件

①动态显示初始化数据

②数据类型

③数据名称

④保存在哪个组件

⑤交互(从绑定事件监听开始)


二、脚手架版 Hello React

=====================================================================================

1. 注意事项


  1. 为了区分组件和普通js文件,可以把定义组件的js文件后

;