React基础

所有的文本来自于视频学习。仅供基础参考。跳转

 React官网  跳转

1、项目目录

2、jsx基础

2.1 jsx表达式

2.2 jsx列表渲染

2.4 jsx条件渲染

2.5 jsx样式处理

2.5 注意事项

3、函数组件

4、类组件

5、绑定事件

5.1 绑定事件

5.2 获取事件对象

6、组件状态

7、受控表单控件

8、非受控表单控件

9、组件通信

9.1 组件父传子

9.2 组件子传父

9.3 组件兄弟通信

9.4 跨组件通信

9.4 children属性

10、props校验

 官方文档: https://reactjs.org/docs/typechekong-with-proptypes.html

11、类组件的生命周期

11.1 挂载阶段

11.2 更新阶段

11.3 卸载阶段

12、钩子函数

12.1 useState函数

12.2  useEffect函数

12.3 useRef函数

12.4 useContext函数

13、路由配置

13.1 安装router

yarn add react-router-dom@6

13.2 基础使用

13.2 核心组件

Ⅰ BrowerRouter

Ⅱ Link 

Ⅲ Routes 

 Ⅳ Route

13.3 编程式导航

13.4 嵌套路由-场景

 

13.5 404路由配置

14、Mobx模板

14.1 配置

14.2 案例

Ⅰ 初始化mobx

Ⅱ 连接react

14.3 模块化

 15、项目

15.1 搭建

15.2 scss预处理

15.3 组件库antd

yarn add antd

15.4 配置别名路径

15.5 别名路径提示

15.6 封装http工具模块

15.7 token持久化

15.8 请求拦截器注入token

15.9 路由鉴权实现

16、项目打包

16.1 打包

yarn build

        打包生成的目录放在build文件夹下

16.2 本地预览