搜索

首页  >  问答  >  正文

无法读取未定义的属性(读取'split')TypeError: 无法读取未定义的属性(读取'split')

<p>我正在尝试从传递给React函数组件的release_date(作为props)中获取发行年份,但是我得到了字符串未定义的错误。</p> <pre class="brush:php;toolbar:false;">const Banner = ({ backdrop_path, poster_path ,title,release_date}) => { return ( <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 text-white font-bold"> <a className="hover:cursor-pointer hover:text-gray-200">{title}</a> ({release_date.split("-")[0]}) </div> </div> </div> </div> </div> ); }; export default Banner;</pre> <p>当我直接使用release_date时,它可以正常渲染,没有问题。但是当我对字符串应用任何方法时,它会返回未定义。(release_date是一个字符串,如"2023-07-18")</p>
P粉094351878P粉094351878486 天前547

全部回复(1)我来回复

  • P粉311423594

    P粉3114235942023-07-29 15:48:24

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

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

    回复
    0
  • 取消回复