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