Donc, je veux une action de défilement pour avoir lieu à chaque fois que mon composant est appelé, ce qu'il fait si je charge directement le composant. Mais si je navigue sur le composant d'ailleurs, le processus de défilement ne fonctionne pas. Pourquoi?
3 Réponses :
Si vous passez un tableau vide sur Plus d'infos dans le réagir officiel réagissant docs . useEffect comme deuxième argument, il ne suivra aucune variables du composant et déclencher la fonction à l'intérieur de celui-ci.
Mais si je navigue sur le composant d'ailleurs, le processus de défilement ne fonctionne pas. Pourquoi?
Parce que la navigation ne relance pas le composant.
Vous devez passer du
projectile de la navigation sur leuseeffect de sorte que lorsque la navigation modifie la page, elle exécute l'effet à nouveau.Veuillez notamment en particulier la navigation que vous utilisez.
C'est probablement une condition de course, l'effet est appelé l'initialisation des composants, la REF est définie plus tard. Une meilleure approche serait:
et ensuite
const ScrollTocomp = el => el && window.scrollto (0, el.offsettop);
...
0 commentaires
Utilisez-vous
réacteur-routeur-dom ?