React-Router - ComponentDidMount non chiamato durante la navigazione verso l'URL

Question

Sono un po 'perplesso su questo. Ho definito un percorso chiamato classes/:id. Quando si naviga su quella rotta nell'app, viene chiamato lo componentDidMount(). Tuttavia, quando si ricarica la pagina o si copia e incolla l'URL, la pagina viene caricata completamente, ma il metodo componentDidMount() non viene chiamato affatto.

Da quello che ho letto, il motivo è perché lo stesso componente è montato anche se la pagina viene ricaricata, motivo per cui il metodo del ciclo di vita non viene mai sparato.

Quali sono alcuni modi per gestire questo? Il tuo aiuto è molto apprezzato. Grazie!

Answer 1

Cerco di evitare qualsiasi mixin (vedere willTransitionTo), poiché sono considerati dannosi.

Sebbene componentDidMount non funzioni durante la modifica delle route per lo stesso componente, componenteWillUpdate e componentWillReceiveProps.

Da lì, è possibile rilevare i cambiamenti dei parametri e può attivare le azioni di conseguenza.

Answer 2

il componenteWillReceiveProps, componenteDidUpdate ciclo di vita riceverà i nuovi oggetti di scena e quindi setState per cambiare stato per attivare il metodo di rendering.