Javascript 如何设置<；img/>；src在React中动态运行，而不会在渲染时抛出404错误？ constfoo=（）=>{ const[src，setSrc]=useState（“”） useffect（（）=>{ setSrc（'someEndPoint.jpg'） }, []) 返回 }

使用此实现，组件将在渲染时获取

src

。但是在此之前，

img

将通过尝试获取api的根来抛出404。有什么方法可以防止这种情况发生吗？

您可以在src可用时渲染它

请尝试以下操作：

const Foo = () => {
  const [src, setSrc] = useState('')
  
  useEffect(() => {
    setSrc('someEndPoint.jpg')
  }, [])

  return <img src={apiUrl + src}>
}

返回src&&

return src && <img src={apiUrl + src} />