react 和vue一样都是使用封装history 来进行页面跳转，下面就来说一下react常用的路由插件react-router-dom这个东西在GitHub上 目前是最受欢迎的
首相还是先下载
npm i react-router-dom
引入：
这里推荐新建一个单独的router.js文件去同意管理你的路由
router.js：
import React from ‘react‘; import {HashRouter, Route, Switch} from ‘react-router-dom‘; import {Home} from "./page/home/home"; //引入的组件 import {Mine} from "./page/mine/mine";//引入的组件 const BasicRoute = () => ( <HashRouter> <Switch> {/*//定义路由地址*/} <Route exact path="/home" component={Home}/> <Route exact path="/" component={Mine}/> </Switch> </HashRouter> ); export default BasicRoute;
然后再在入口页 我这是app.js 引入router.js文件 使用就可以了
import React from ‘react‘; import Router from "./router"//引入router.js import ‘./App.css‘; import ‘./style/public.less‘; function App() { return ( <div className="App"> <Router/> </div> ); } export default App;
小计：
在组件模块中使用 this.props.history.push("/path")是添加一条路由记录，使用 this.props.history.pushreplace("path")是替换最后一条路由记录
原文：https://www.cnblogs.com/wrhbk/p/11321233.html