Question

<img  alt="" className="avi" onError={console.log("error")} src={photoURL} />

我有这个img标签，如果用户提供了无效链接，我想将src设置为默认图像。

我试过

<img  alt="" className="avi" onError={this.src='defaultimgurl'} src={photoURL} />

如果发生错误，如何更改src。

Answer 1

您需要将初始网址保存到状态，如果有错误，请使用默认网址更改状态，并将状态用作图片的src

state = {
  url: photoUrl
}

callBack(){
  this.setState({
    url: defaultUrl
  })
}

render() {
  const {url} = this.state;
  return (
      <img  alt="" onError={this.callBack} className="avi" src={url} />
  )
}

希望这有效。

使用onError来改变img标签reactjs的src

1 个答案: