connect and withRouter issue

Question

I am using Redux and React for my project. I have some Routes in App.js. I also use the connect function in react-redux in my project. To prevent update blocking issue, I usuall

Answer 1

You can do it in two ways,

Proper Way:

withRouter(connect(mapStateToProps, mapDispatchToAction)(App));

with this, you will able to get withRouter props like history, match etc.. in mapStateToProps.

2nd way:

connect(mapStateToProps, mapDispatchToAction)(withRouter(App));

using this, you won't be able to get the withRouter props

Answer 2

If someone still has the issue then plz follow this one

const ShowTheLocationWithRouter = withRouter(Login);

export default connect(mapStateToProps, mapDispatchToProps)(ShowTheLocationWithRouter);

Answer 3

You can use it with the method compose from redux library.

export default compose(
  withRouter,
  connect(mapStateToProps, mapDispatchToProps)
)(App);

Answer 4

Could you refer to this https://reacttraining.com/react-router/core/api/withRouter, it clearly says that it doesn't work the other way around