1.打开github,找到react-router-dom信息
2.引入react-router-dom包
在渲染文件中,代码格式如下
import React from 'react';
import Header from './Header';
//路由包 import {HashRouter, Route, Switch} from 'react-router-dom' //引入此包方便调用store里面的数据
import { Provider } from 'react-redux';
//调用store里面的数据
import store from './store';
function App(){
return (
<Provider store={store}>
<Header/>
<HashRouter>
<Switch>
<Route path='/' exact component={Home}></Route>
//传参
<Route path='/detail/:id' exact component={Detail}></Route>
</Switch>
</HashRouter>
<Provider>
);
}
export default App;
如何获取参数呢,代码如下:
this.props.match.params