react 5.0路由跳转的两种方式

react路由跳转方式1: 路由标签Link跳转

在需要跳转的页面中

// 导入路由组件

import RouterView from './router/index';

// 导入路由跳转组件

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

在标签中通过  <Link to="/user">跳转个人中心</Link>  <br/>  跳转

   

react路由跳转方式2: 编程式导航跳转

 1.由于HashRouter路由组件包裹了组件APP，路由控制跳转的组件中(一般是views目录下的页面组件),props会自动添加以下三个字段, (根组件和components中的组件没有路由信息)

history : 主要用于路由跳转和路由监听
location: 主要显示路由信息, 可用于路由传值
match: 主要用于路由传值, 也可展示路由信息