React Router

Par SoBaDayz, il y a 5 ans

Javascript

Bonjour,

Voila je rencontre un petit problème avec mon code.

Ce que je fais

J'utilise ReactJS, React Router et Redux.
J'ai une page d'inscription, quand la personne s'inscrit avec succès je la redirige vers le login avec un message qui vient de mon back-end, donc en JSON via mon reducer dans un payload.

Le problème, c'est quand je clique sur un bouton pour revenir à la page d'inscription et bien j'ai toujours mon reducers en mémoire et donc ça me re redirige vers la page de login et cela infiniment jusqu'à recharger ma page.

Comment faire pour supprimer l'ancien payload d'un reducer en changeant de route.

Merci.

1 réponse

SoBaDayz, il y a 5 ans

Bonjour,

Pour plus d'explication voici un exemple.

Première étape, je m'inscris via le formulaire

Image -> https://zupimages.net/viewer.php?id=20/31/99go.png

Deuxième étape, je reçois un payload qui vient du back-end qui me dit que tout est ok avec un message en JSON

Image -> https://zupimages.net/viewer.php?id=20/31/x9t4.png

Ensuite, si je vais sur la page "connexion" via un Link de react-router, donc sans rafraichir la page, j'y accède bien :

Image -> https://zupimages.net/viewer.php?id=20/31/0pf4.png

Mais le problème, c'est si je retourne une dernière fois sur la page "inscription" via le Link react-router qui est sur la page de connexion.
Je reçois mon ancien payload encore une fois.

https://zupimages.net/viewer.php?id=20/31/pb9h.png

Comment faire pour vider mon ancien payload au changement de la route React-Router. Ceci peut poser des problèmes si j'affiche un message ou réalise une redirection, car elle se fera à l'infini, si j'essaye de retourner sur la page 'inscription', sauf si je refresh le navigateur.

Merci.