如何在组件prop内实现API返回海报路径为空时展示默认图片

可以直接在prop内部完成该判断逻辑，你当前的写法仅存在一处语法问题：给默认值notFound额外包裹了一层{}，会导致实际传入prop的是{notFound: 你的默认图片资源}对象而非图片资源本身，无法正常渲染。

正确写法参考 #

• 三目运算符写法（和你原有逻辑完全匹配，仅修复语法问题）：

  img={data.poster_path ? data.poster_path : notFound}
  

• 更简洁的空值合并运算符写法（仅当poster_path为null/undefined时走默认，适配你的需求）：

  img={data.poster_path ?? notFound}
  

• 逻辑或运算符写法（如果需要兼容空字符串等其他假值为空的场景可使用）：

  img={data.poster_path || notFound}
  

上述写法都可以直接在prop属性内实现判断，不需要额外提前声明变量处理。

内容的提问来源于stack exchange，提问作者Manshul Duggal