React-Router: Komponenten werden nicht dargestellt, wenn sie nicht aktualisiert werden

Question

Ich habe eine einfache App-Komponente mit Links zu einem Benutzerindex und einem Cache-Index (für eine Geocaching-App). Meine Links werden korrekt dargestellt. Wenn sie angeklickt werden, ändern sie den Pfad in der Adressleiste, aber im DOM ändert sich nichts, bis ich die Seite aktualisiere. An diesem Punkt sieht die Seite wie vorgesehen aus. Was ist hier los und was ist der konventionelle Umgang damit? Ich benutze Redux auch, wenn das einen Unterschied macht. Das Folgende ist die gesamte JSX zurück durch meine App-Komponente:

<div> 
    <nav> 
     <Link to="/caches">Caches</Link> 
     <Link to="/users">Users</Link> 
    </nav> 
    <div> 
     <Switch> 
     <Route exact path="/" component={Home}/> 
     <Route path="/users" render={() => <div><UserList users={this.props.users}/></div>}/> 
     <Route path="/caches" component={CacheList}/> 
     </Switch> 
    </div> 
    </div> 

Answer 1

Es ist ein weit verbreitetes Problem mit reagieren-Router-4.

Verwenden Sie {pure: false} in Reaktion-Redux connect oder verwenden Sie withRouter HOC.

React router 4 does not update view on link, but does on refresh