多人开发React配置路由(create-react-app)

一、创建路由文件夹routers,并创建主路由文件index.js

在这里插入图片描述

二、导入基本路由配置(create-react-app需先安装路由模块),以函数的形式进行导出

在这里插入图片描述

三、创建自己的路由文件,以json的格式进行书写

在这里插入图片描述

四、将自己的路由导入到主路由文件index.js,并且合并

在这里插入图片描述

五、根据所有路由进行遍历,并且根据是否有子路由添加exact属性

在这里插入图片描述

六、修改默认生成src根目录下的index.js文件

在这里插入图片描述

结语

基本这样操作就已经完成了,每个人创建自己的路由文件并且导入进去就可以直接使用,不会因修改相同文件而导致冲突,这个方式类似于Vue的写法

如果有问题或发现问题,请及时私信,我会及时学习和修改


版权声明:本文为qq_43549156原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。