React中的图片标签

Bla*_*lah 5 html html5 reactjs

我正在尝试在react应用程序(jsx文件)中使用图片标签,但似乎不起作用。这是我的代码

 <picture>
      <source media="(min-width: 1024px)" src="image_Desktop.png"/>
      <source media="(max-width: 768px)" src="image_Mobile.png"/>
      <source media="(min-width: 768px) and (max-width: 1024px)" src="image_Tab.png"/>
      <img src="image.png" alt="" styleName='brain-image'/>
 </picture>
Run Code Online (Sandbox Code Playgroud)

我尝试在源代码标签中同时将属性设置为srcset / src,但仍然无法正常工作。

bur*_*kan 5

如果您使用的是srcset而不是srcSet(使用大写字母),则可能是您的问题。

这是使用srcset引起的另一个问题:

为什么React.js删除<img />上的srcset标签?