" does not get called

Asked Nov 10 '19 at 06:07

Active Nov 10 '19 at 06:07

Viewed 359 times

I'm using React and React Router on a Meteor JS app.

I have a Route exact path="/" that works if I use this.props.history.push('/') but if I use this.props.history.goBack() even if the URL changes to just http://localhost:3000/ the Route exact path="/" does not get called:

<Route exact path="/" render={() => {
              console.log('React exact path /')
            return mainpage
          }} />

How can I fix this? or should I just always use push? or should I just use replace?

asked Nov 10 '19 at 06:07

preston

3,721
6
46
78

Did you wrap your component withRouter? Which router are you using ? – Ozan Manav Nov 10 '19 at 06:34
yes i'm using withRouter . .... export default withRouter(connect( mapStateToProps, )(App)) – preston Nov 10 '19 at 06:40
You should use BrowserHistory in the history field. const BrowserHistory = require('react-router/lib/BrowserHistory').default; ... – Ozan Manav Nov 10 '19 at 06:43
hi how? can you give a more specific example please? Thank you... – preston Nov 10 '19 at 06:47
Can you try this ? https://stackoverflow.com/a/30938949/5562701 – Ozan Manav Nov 10 '19 at 06:51
I just realized that i'm using react-router-dom and not react-router...if i installed react-router would it conflict? can I also use BrowserHistory with react-router-dom? – preston Nov 10 '19 at 07:07

this.props.history.goBack() changes URL in browser to just / but Route exact path="/" does not get called

0 Answers0