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

Question

当我的 --- <img /> 标签上有 srcset 属性时，为什么它不显示在浏览器中？看起来 React.js 正在将其剥离。

 <img src="/images/logo.png" srcset="/images/logo-1.5x.png 1.5x, /images/logo-2x.png 2x" />

原文由 Kevin Ghadyani 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

解决方案是使用 srcSet 而不是 srcset 。

 <img src="/images/logo.png" srcSet="/images/logo-1.5x.png 1.5x, /images/logo-2x.png 2x" />

参考： https ://facebook.github.io/react/docs/tags-and-attributes.html 下 HTML Attributes

原文由 Kevin Ghadyani 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

另一个使用模板文字的丑陋解决方案：

 <img
  alt=''
  src={require('../../assets/images/logo/logo.png')}
  srcSet={`
    ${require('../../assets/images/logo/[e-mail]')} 2x,
    ${require('../../assets/images/logo/[e-mail]')} 3x
  `}
/>

原文由 Milan Rakos 发布，翻译遵循 CC BY-SA 3.0 许可协议