react路由配置

1、下载相关依赖

npm i  react-router-config -s

npm i react-router-dom -s

2、index.js中引入

import { HashRouter as Router } from 'react-router-dom'

3、app.js中引入

import { Link } from 'react-router-dom'

import { renderRoutes } from 'react-router-config';

import routes from './Routers/router'

4、新建routers文件夹并引入组件

5、页面这样写

 

6、重启项目

7、如果报错'Switch' is not exported from 'react-router'.

降低react-router-dom版本

先删除现有版本

npm uninstall react-router-dom

再下载老版本

npm install react-router-dom@5.2.0