首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
React
hymnken
创建于2023-03-26
订阅专栏
React学习
暂无订阅
共8篇文章
创建于2023-03-26
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
路由加状态管理的登录拦截综合案例
src/index App.jsx APP.css 三个views文件、 Login User Index store/index user router
通过redux-persist进行数据持久化处理
共享状态不具备持久化,页面刷新后会变回初始值 安装 npm i redux-persist 主store引入 配置参数 其余配置 记住这些流程
Redux-Toolkit(RTK)改善Redux使用体验
现在Redux也推荐使用RTK 安装 npm i @reduxjs/toolkit 使用 改造模块 主模块引入 组件中引入 计算属性 引入 更改下message模块 主配置文件引入 组件使用11111
redux-thunk中间件处理异步操作
安装 npm i redux-thunk 然后引入 还要有applyMiddleware 如果有多个中间件,逗号隔开引入即可 改成如图写法 抽离这个方法 使用 也可以将dispatch写在组件中
react多模块化的处理状态管理
将reducer函数剪切到counter.js 创建store/modules/index.js 手动给inc添加命名空间 在主index中引用回来 创建另一个模块message 在主index引入
Redux更新数据后渲染
这里用到useState和store的subscribe方法 这样每次点击按钮后 数字就变了 记住在subscribe方法中
Redux状态管理工具 redux-devtools-extension
谷歌安装 商店搜索即可 安装工具 npm i redux-devtools-extension 之后引入即可 这样就可以联动使用了
React:自定义全局守卫与自定义元信息(简单权限管理)
创建一个全局路由组件BeforeEach 在路由配置文件中引入 包裹根组件App, export导出路由表 路由配置文件中,在组件中的meta属性中设置auth的布尔值 然后引入routes matc