Я новичок в реакции JS. Здесь я пытаюсь использовать withrouter
для получения информации о моем местоположении.
ТАК, у меня следующая структура.
index.js
ReactDOM.render(
<App />
, document.getElementById('root'));
App.js
<Provider store={store}>
<div>
<Header />
<Main />
</div>
</Provider>
Main.js
return (
<Router history={history}>
<div>
{this.props.isFetching && <Loading />}
<Switch>
<PrivateRoute exact path="/" component={LandingPage} />
<PrivateRoute exact path="/create-job" component={NewJob} />
<PrivateRoute exact path="/user-jobs" component={JobList} />
<Route exact path="/login" component={Login} />
</Switch>
</div>
</Router>
Теперь я пытаюсь использовать withRouter в Header.js
. который не является частью Router
. SO
import { withRouter } from "react-router-dom";
export default withRouter(connect(mapStateToProps, { logout })(Header));
Я пытался использовать этот способ. Итак, это дает мне следующую ошибку.
You should not use <Route> or withRouter() outside a <Router>
Что я здесь не так делаю?