Réagir routeur 4 ne pas mettre à jour la vue sur le lien, mais n'sur actualiser

Je suis en utilisant le simple suivant nav code

<Router>
  <Switch>
    <Route exact path='/dashboard' component={Dashboard} />
    <Route path='/dashboard/accounts' component={AccountPage} />
  </Switch>
</Router>

<NavLink exact to={'/dashboard'}
         disabled={this.props.item.disabled}
         activeClassName='active'>

<NavLink exact to={'/dashboard/accounts'}
         disabled={this.props.item.disabled}
         activeClassName='active'>

L'URL change, mais le point de vue n'est pas. Il n'est toutefois changer lorsque j'actualise la page ou aller manuellement pour que les URL.

  • est votre composant réagir-redux composant connecté?
  • oui ...........
  • Ensuite, je pense que probablement, vous avez le même problème que j'ai décrit dans cette réponse, stackoverflow.com/questions/43892050/...
InformationsquelleAutor ilyo | 2017-05-10
  1. 46

    Vous pouvez également utiliser l':

    import { withRouter } from 'react-router-dom';

    Et puis à l'exportation par défaut, vous faites comme ceci:

    export default withRouter(connect(mapStateToProps, {})(Layout));

    Parce que quand vous avez une exportation connecter, vous avez besoin de dire que ce composant sera à l'aide du routeur.

    • merci de m'avoir sauvé
    • Un grand merci à vous
    InformationsquelleAutor daminufe
  2. 28

    C'est parce que react-redux connect méthode implémente shouldComponentUpdate qui sera la cause de la composante pas à afficher des accessoires n'a pas changé. Et ce n'est pas en conflit avec maintenant réagir-routeur 4.

    Pour éviter cela, vous pouvez passer {pure: false} à connect comme décrit dans réagir-redux section dépannage.

    Une autre façon est d'utiliser des withRouter HOC ou passer location prop comme décrit dans les DOCS.

    InformationsquelleAutor Tomasz Mularczyk
  3. 5

    J'ai eu mon Navlinks dans un apatride-composant (ou muette), et un récipient pour le contrôle de l'effondrement de l'état de ma barre de navigation.

    après le changement de la barre de navigation-conteneur de PureComponent à Componentil a résolu le problème pour moi.

    InformationsquelleAutor Tom Schinelli
  4. 0

    J'ai rencontré ce problème. - Je le résoudre par ajouter un attribut clé de composant Interrupteur de valeur est un emplacement de chemin et de recherche de l'emplacement.

    InformationsquelleAutor TDQ