为什么React.js会删除<img rel="nofollow noreferrer" />上的srcset标记？

Question

当我srcset在我的<img />标签上有属性时,为什么它不会出现在浏览器中？它似乎通过React.js剥离它.

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

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

Answer 2

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

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