无法读取未定义的属性(读取'split')TypeError: 无法读取未定义的属性(读取'split')
P粉094351878
P粉094351878 2023-07-28 20:05:15
[React讨论组]
<p>我正在尝试从传递给React函数组件的release_date(作为props)中获取发行年份,但是我得到了字符串未定义的错误。</p> <pre class="brush:php;toolbar:false;">const Banner = ({ backdrop_path, poster_path ,title,release_date}) =&gt; { return ( &lt;div className="bg-cover bg-center" style={{ backgroundImage: `url('https://image.tmdb.org/t/p/original${backdrop_path}')`, }} &gt; &lt;div className="bg-sky-200/80"&gt; &lt;div className="flex flex-nowrap p-12"&gt; &lt;PosterCard poster_path={poster_path} /&gt; &lt;div className="grow px-8"&gt; &lt;div className="text-4xl text-white font-bold"&gt; &lt;a className="hover:cursor-pointer hover:text-gray-200"&gt;{title}&lt;/a&gt; ({release_date.split("-")[0]}) &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; ); }; export default Banner;</pre> <p>当我直接使用release_date时,它可以正常渲染,没有问题。但是当我对字符串应用任何方法时,它会返回未定义。(release_date是一个字符串,如"2023-07-18")</p>
P粉094351878
P粉094351878

全部回复(1)
P粉311423594

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

<a className="hover:cursor-pointer hover:text-gray-200">{title}</a>
{release_date && ` (${release_date.split("-")[0]})`}
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号