se connecter et avec un problème de routeur

Question

J'utilise Redux et React pour mon projet. J'ai quelques routes dans App.js. J'utilise également la fonction de connexion dans react-redux dans mon projet. Pour éviter un problème de blocage de mise à jour, j'ai généralement enveloppé mon composant de cette façon

withRouter(connect(mapStateToProps, mapDispatchToProps)(App)),

Cependant, si j'ai changé l'ordre de withRouter et que je me connecte, cela ne fonctionne pas:

connect(mapStateToProps, mapDispatchToProps)(withRouter(App))

J'ai console.log les accessoires dans App.js. Il reçoit déjà des accessoires de localisation et d'histoire. Je suis en train de comprendre la théorie derrière pourquoi l'ordre est important?

Answer 1

Pourriez-vous vous référer à cela https://reacttraining.com/react-router/core/api/withRouter , cela indique clairement que cela ne fonctionne pas dans l'autre sens

Answer 2

Vous pouvez l'utiliser avec la méthode compose de la bibliothèque redux.

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