首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
React
在下系渣渣辉
创建于2024-08-14
订阅专栏
React学习笔记
暂无订阅
共7篇文章
创建于2024-08-14
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
基础
做为学习笔记分享,欢迎评论交流,如有不正的地方请各位大佬指正。 # 新建项目 npx create-react-app my-react 进入目录,执行npm start
组件通讯
父子组件传值 父组件 A.js 子组件 B.js 爷孙组件传值(祖孙、兄弟组件传值) 定义一个公共的context方法 MyContext.js 爷组件 A.js 孙组件C.js 兄弟组件也可以通过祖
配置别名路径@
配置别名路径@ 安装craco 在项目根目录下新建文件:craco.config.js 路径提示 在项目根目录下新建文件:jsconfig.json
Redux状态管理
1、安装redux @reduxjs/toolkit 2、在src目录下创建store文件夹,创建index.js 3、在store文件夹下创建modules文件夹,创建demoStore.js 4、
Router路由
一、路由 安装路由 创建路由文件 在App.js中引入 路由导航(跳转) 路由传参 二、子路由 定义子路由 在Layout组件中使用 配置别名路径@ 安装craco 在项目根目录下新建文件:craco
打包优化
包体积可视化,根据包大小选择相应的大文件进行优化, cdn优化需要公司自己有相应的的cdn服务器,图片优化等
其他API使用
其他API使用及场景说明:useReducer useMemo、memo、useCallback forwardRef、useImperativeHandle