Die Eigenschaft von undefiniert kann nicht gelesen werden (lesen Sie „split“). TypeError: Die Eigenschaft von undefiniert kann nicht gelesen werden (lesen Sie „split“).

Question

Ich versuche, das Veröffentlichungsjahr aus dem an eine React-Funktionskomponente übergebenen Release-Datum (als Requisiten) abzurufen, erhalte jedoch die Fehlermeldung „String undefiniert“.

const Banner = ({ background_path, poster_path ,title,release_date}) =>
  zurückkehren (
    <div
      className="bg-cover bg-center"
      Stil={{
        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 text-white font-bold">
                <a className="hover:cursor-pointer hover:text-gray-200">{title}</a> ({release_date.split("-")[0]})
            </div>
          </div>
        </div>
      </div>
    </div>
  );
};

Standardbanner exportieren;

Wenn ich release_date direkt verwende, wird es problemlos gerendert, kein Problem. Aber wenn ich eine Methode auf einen String anwende, wird undefiniert zurückgegeben. (Veröffentlichungsdatum ist eine Zeichenfolge, z. B. „18.07.2023“)

Answer 1

我建议添加一个条件来确保我不会有空括号（例如，如果您的数据获取返回为空）。

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