Почему React.js удаляет тег srcset на <img />?

Когда у меня есть свойство srcset в теге <img />, почему он не отображается в браузере? Похоже, что через React.js он отключается.

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

Ответы

Ответ 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

Ответ 2

Еще одно уродливое решение с использованием шаблонных литералов:

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

Ответ 3

1. С Требовать:

       <img src={require('../../Images/icons/timer.png')}
            srcSet={'
                 ${require('../../Images/icons/[email protected]')} 2x, 
                 ${require('../../Images/icons/[email protected]')} 3x'}
       />

2. Изображения URL

     <img src="http://www.example.com/timer.png"
                 srcSet="http://www.example.com/[email protected] 2x,
                         http://www.example.com/[email protected] 3x"
      />