IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

React Discussion :

TypeError: this.props.location.state is undefined


Sujet :

React

  1. #1
    Nouveau Candidat au Club
    Homme Profil pro
    Développeur Web
    Inscrit en
    mai 2020
    Messages
    1
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : mai 2020
    Messages : 1
    Points : 1
    Points
    1
    Par défaut TypeError: this.props.location.state is undefined
    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

  2. #2
    Membre du Club
    Homme Profil pro
    Développeur Web
    Inscrit en
    octobre 2020
    Messages
    35
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 37
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : octobre 2020
    Messages : 35
    Points : 68
    Points
    68
    Par défaut
    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é

    Développeur freelance à Toulouse - site en construction

Discussions similaires

  1. Erreur : TypeError: Cannot read property 'test' of undefined
    Par deathness dans le forum AngularJS
    Réponses: 1
    Dernier message: 11/05/2016, 10h42
  2. TypeError: this.getViewer is not a function
    Par saxrub dans le forum IGN API Géoportail
    Réponses: 2
    Dernier message: 29/09/2015, 07h14
  3. Réponses: 12
    Dernier message: 02/06/2015, 17h08
  4. Réponses: 3
    Dernier message: 30/05/2015, 12h08
  5. TypeError: this constructor takes no arguments
    Par mfaty dans le forum Général Python
    Réponses: 5
    Dernier message: 26/08/2009, 23h17

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo