Discussion :

[Solarom]

Bonjour,

Je rencontre un petit problème sur mon application développé en React JS. Voici mon problème :

Dans mon composant News , je passe des propriétés avec le composant <Link> de "react-router-dom", comme ceci.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<Link to={{ pathname: `/le-saviez-vous/${news.id}`, state: { news } }}>

Sans problème, je les récupère dans mon composant ListNews avec la ligne de code suivante :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

this.props.location.state.news

Seulement, lorsque je recharge la page, ou que je tente d'y accéder directement en tapant le chemin dans la barre URL, un message d'erreur apparaît et this.props.location.state est indéfini.
De ce que j'ai compris, la redirection ne marche pas, car mon application n'a pas moyen de récupérer les propriétés depuis une source définie. Mais après avoir tenté plusieurs solutions, je ne suis pas parvenu à résoudre ce problème.

Quelqu'un peut m'aider s'il vous plaît ?

Je vous remercie de m'avoir lu,

Cordialement

[johanpetrikovsky]

Cela semble assez logique pour moi, ton state est transmis via ton lien si je comprends bien. Donc forcément si tu accèdes à la page directement ton application va planter. Pour éviter qu'elle plante ceci devrait marcher :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

this.props.location?.state?.news

Je ne connais pas du tout ton code, si tu dois passer des states à travers ton application, tu peux utiliser redux ou le context non ? Pourquoi souhaites-tu le passer via ton lien simple curiosité