环境:
- “react”: “^16.4.0”,
- “react-dom”: “^16.4.0”,
- “react-redux”: “^5.0.7”,
- “react-router”: “^4.3.1”,
- “react-router-dom”: “^4.3.1”
我在Header组件中 写了一个Link跳转路由,一直报错误
You should not use <Link> outside a <Router>
产生这个原因是 Header的组件木有写在BrowserRouter 里导致
- 解决办法
class App extends Component {
render() {
return (
<Provider store={store}>
<BrowserRouter>
<div>
<Header />
<Route path='/' exact component={Home}></Route>
<Route path='/detail/:id' exact component={Detail}></Route>
<Route path='/login' exact component={Login}></Route>
</div>
</BrowserRouter>
</Provider>
)
}
}