정의되지 않은 속성을 읽을 수 없습니다('분할' 읽기). TypeError: 정의되지 않은 속성을 읽을 수 없습니다('분할' 읽기).

Question

React 함수 구성 요소에 전달된 release_date(props)에서 릴리스 연도를 가져오려고 하는데 정의되지 않은 문자열 오류가 발생합니다.

const 배너 = ({ 배경_경로, 포스터_경로, 제목, 출시_날짜}) =>
  반품 (
    <div
      className="bg-cover bg-center"
      스타일={{
        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} />
          <div className="grow px-8">
            <div className="text-4xl text-white 글꼴-bold">
                <a className="hover:cursor-pointer hover:text-gray-200">{title}</a> ({release_date.split("-")[0]})
            </div>
          </div>
        </div>
      </div>
    </div>
  );
};

기본 배너 내보내기;

release_date를 직접 사용하면 문제 없이 잘 렌더링됩니다. 하지만 문자열에 메서드를 적용하면 정의되지 않은 값이 반환됩니다. (release_date는 "2023-07-18"과 같은 문자열입니다)

Answer 1

빈 대괄호가 없는지 확인하기 위해 조건을 추가하는 것이 좋습니다(예: 데이터 가져오기가 비어 있는 경우).

으아악