Question

我正在尝试在反应应用程序（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>

我尝试在source标签中给出srcset / src属性，但仍无法正常工作。解决上述问题的方法是什么？

Answer 1

如果您使用srcset而不是使用srcSet（带有大写），这可能是您的问题。

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

Why is React.js removing the srcset tag on <img />?

Answer 2

根据官方文件：

HTML In User Entity @OneToMany(mappedBy = "user", cascade = CascadeType.ALL) @LazyCollection(LazyCollectionOption.FALSE) private Collection<Profil> profils; In profil entity @ManyToOne(cascade = CascadeType.ALL) private User user;元素是用于指定多个元素的容器包含在其中的特定元素。浏览器将根据当前布局选择最合适的来源的页面（图像将出现在框中的约束）和它将显示的设备（例如普通或hiDPI设备。

img是一个DOM元素，但是javascript表达式。

可能与此React img tag issue with url and class

重复

如果这对您没有帮助，请分享此组件的已检查HTML

React

2 个答案: