醉逍遥neo的博客

react hook 风格下不再使用class类的形式定义组件，也就不再适用mobx以前版本的装饰器语法。以下分享 reack hook 语法风格下使用 mobx v6 版本的状态管理配置使用方式。相关依赖版本："react": "^17.0.2","mobx": "^6.3.2","mobx-react-lite": "^3.2.2",一、mobxmobx 是 react 生态中常用的状态管理插件之一，特点是配置及使用方式比较简便，方式上和 vuex 有些相似。官方中文文档：https:

上一篇分享了react-router v5 版本的路由管理及拦截方案，但也存在一些缺陷，例如不支持嵌套路由、不支持动态路由参数等。后来看到了react-router v6 版本useRoutes api 的特性，决定升级到v6版本，并对路由管理和路由拦截的实现方案进行了重构。v6版本目前网上的文章寥寥无几，实现过程基本靠自己摸索，下面分享具体方案。一、react-router v6官方文档：https://github.com/remix-run/react-router/blob/main/do

实现功能：全局路由统一管理，支持配置路由重定向、路由懒加载、自定义meta字段等。全局路由拦截，支持读取路由meta配置，支持拦截跳转其他路由等。版本：react@17.0.2react-router-dom@5.3.0一、react路由react-router-dom v5版本里，路由不再是js，而是一个个组件，即<Route />。通过path路径区分不同的路由来渲染。配合<Switch />组件只渲染内部第一个匹配到的<Route />这个特

create-react-app脚手架，用于快速搭建react项目，但有些时候需要做一些配置修改以满足项目需求。首先需要调出默认的webpack配置文件，然后才能随心所欲的做定制修改。下面是一些常用配置的修改方式整理。1、本地启动端口号更改文件位置：...