Javascript 当api在REACT JS中为图像src返回NULL时，如何添加回退或避免获取错误 const addDefaultSrc=（ev）=>{ ev.target.src= "https://images.unsplash.com/photo-1555952517-2e8e729e0b44?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=400&q=80”； };

3我也试过了，但这也不起作用

你可以使用多个背景，如果第一个背景不可用，它将用于第二个背景，依此类推

试试这个：

 <img className="cast-card__avatar"
    src={person.image.medium}
    onError={addDefaultSrc}/>

const addDefaultSrc = (ev) => {
 ev.target.src =
   "https://images.unsplash.com/photo-1555952517-2e8e729e0b44?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=400&q=80";
};

---

有不同的处理方法，请参见下文

<div 
    className="cast-card__avatar" 
    style={{backgroundImage: `url(${person.image.medium}), url(${fallback_image_1}), url(${fallback_image_2})`}}
/>

你也可以这样试试

<div className="cast-card__avatar" style={{backgroundImage: `url(${person.image.medium || 'falback-image.jpg'}}}/>

您有两个选择

选项1

仅当存在

person.image.medium

时才渲染图像：

{person.image.medium&&}

选项2

如果

person.image.medium

不存在，则渲染默认图像：

我们需要查看更多您的代码以提供帮助。我认为这是

src

而不是

style={{{backgroundImage:…..

<div className="cast-card__avatar" style={{backgroundImage: `url(${person.image.medium || 'falback-image.jpg'}}}/>

<img className="cast-card__avatar"
    src={person.image.medium || 'https://images.unsplash.com/photo-1555952517-2e8e729e0b44?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=400&q=80'}/>