Reactjs 未处理的拒绝（TypeError）：无法读取属性'；img&x27；空的

我正在进行api调用以接收图像，某些调用没有实际的图像，因此我相信我得到的这些null值导致react抛出错误。我曾尝试在代码中使用onError方法放置回退映像，但效果并不理想。我也尝试过用三元表达式处理这个错误，但没有任何运气。我的问题是，在收到null的情况下，消除此错误并提供默认图像的最佳方法是什么

这是我遇到错误的代码行：

       <img
        className="cover-photo"
        src={this.props.detail.img}
        alt={this.props.detail.caption}
       />

---

这是检查This.props.detail是否为空并设置默认值的方法。这是使用条件（三元）运算符

   <img
    className="cover-photo"
    src={this.props.detail ? this.props.detail.img : "/default/img/path.png"}
    alt={this.props.detail ? this.props.detail.caption : ""}
   />

---

试试这样：

src={this.props.detail.img | |“path/to/default/image”}