reactjs - React js在显示对象时显示错误

Question

当我转到控制台时出现错误。在 reactjs 中记录这个对象

json对象 {"title":"Rtv","length":-1,"params":{"tvg-logo":"https://upload.wikimedia.org/wikipedia/en/thumb/4/41/Rtv_bangladesh.PNG/120px-Rtv_bangladesh.PNG","group-title":"America"},"file":"https://example.m3u8"}

错误：

TypeError：无法读取未定义的属性“tvg-logo”

（匿名函数）

src/App.js:88

85 | 86 | 返回 ( 87 | items.map((data,key)=>{

88 | console.log(数据['params']['tvg-logo']) | ^ 89 | 常量 {title,params} = 数据；90 | return(91 | 查看编译

Answer 1

很难看出为什么在您提供的一小段代码中会发生错误，但为了避免此错误，您可以使用上面讨论的条件链接；请参见下面的示例。

console.log(data?.params?.tvg-logo)

如果它在对象路径的任何地方失败，这将不返回任何内容。