Impossible de lire la propriété non définie (lire « split ») TypeError : Impossible de lire la propriété non définie (lire « split »)

Question

J'essaie d'obtenir l'année de sortie à partir de la release_date (en tant qu'accessoires) transmise à un composant de fonction React, mais j'obtiens une erreur de chaîne non définie.

const Banner = ({ background_path, poster_path,title,release_date}) =>
  retour (
    <div
      className="bg-cover bg-center"
      style={{
        backgroundImage : `url('https://image.tmdb.org/t/p/original${backdrop_path}')`,
      }}
    >
      <div className="bg-sky-200/80">
        <div className="flex flex-nowrap p-12">
          <PosterCard poster_path={poster_path} />
          <div className="grow px-8">
            <div className="text-4xl texte-white font-bold">
                <a className="hover:cursor-pointer hover:text-gray-200">{title}</a> ({release_date.split("-")[0]})
            </div>
          </div>
        </div>
      </div>
    </div>
  );
} ;

exporter la bannière par défaut ;

Lorsque j'utilise release_date directement, le rendu est correct, pas de problème. Mais lorsque j'applique une méthode sur une chaîne, elle renvoie un élément non défini. (release_date est une chaîne, telle que "2023-07-18")

Answer 1

Je recommande d'ajouter une condition pour m'assurer que je n'ai pas de parenthèses vides (par exemple si votre récupération de données revient vide).

<a className="hover:cursor-pointer hover:text-gray-200">{title}</a>
{release_date && ` (${release_date.split("-")[0]})`}