Pour React/Redux, si l'utilisateur clique simplement sur pour voir les différents composants/conteneurs à l'aide de React Router, comment l'état de l'application peut-il être modifié?

Question

exemple, si l'état de l'application est

const rootReducer = combineReducers({ 
    allPosts: PostsReducer, 
    post: PostReducer 
}); 

Lorsque l'utilisateur clique sur un poste dans la liste de tous les messages (indice), et de voir un poste (avec le récipient de PostsShow), puis l'utilisateur clique "Retour à l'index", puis cliquez sur un autre poste, maintenant Imaginez si le réseau est lent ou bloqué, l'utilisateur verra ce post précédent, car state.post n'est jamais modifié, avant que l'AJAX puisse récupérer des données.

En fait, toutes les actions de l'utilisateur ont été effectuées par <Link to="..." /> par react-router. Existe-t-il un moyen de remettre le state.post à null lorsque l'utilisateur clique sur «Retour à l'index» dans la page de publication unique (à l'aide du conteneur de courrier unique) ou bien, existe-t-il une autre méthode permettant de ne pas afficher post précédent?

Answer 1

Peut être un peu stupide, mais:

render(){ 
    return(
    this.props.params.post_id != this.props.post.id ? <LoadingMessage /> : <PostPage /> 
)}