<p>React 関数コンポーネントに渡された release_date (小道具として) からリリース年を取得しようとしていますが、文字列が未定義のエラーが発生します。 </p>
<pre class="brush:php;toolbar:false;">const Banner = ({ backdrop_path,poster_path ,title,release_date}) => {
戻る （
<div className="bg-sky-200/80">
<div className="flex flex-nowrap p-12">
<ポスターカード ポスターパス={ポスターパス} />
<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>
);
};
デフォルトのバナーをエクスポート;</pre>
<p>release_date を直接使用すると、問題なく表示されます。しかし、文字列にメソッドを適用すると、未定義が返されます。 (release_date は「2023-07-18」などの文字列です)</p>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
空の括弧が存在しないことを確認するための条件を追加することをお勧めします (たとえば、データが空を返した場合)。
リーリー