所有的文本来自于视频学习。仅供基础参考。跳转
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 本地预览
精彩内容
您阅读本篇文章共花了： 大家都在找：
react.js：react.js安装包
前端：前端和后端的区别
javascript：javascript:;
发表评论
2024-07-19 15:22:26回复
2024-07-09 09:09:53回复
1. 在函数组件中如何实现状态管理？
2. 如何在类组件中处理父子组件之间的通信？
3. 如何使用Mobx进行状态管理？
4. 如何配置路由以实现权限控制？
5. 在项目打包过程中，如何优化性能和减小文件体积？