React не применяет вендорные префиксы автоматически к инлайн-стилям. Ты должен добавлять их вручную, если нужно поддерживать конкретные браузеры или старые версии, которым они требуются.
Когда используешь инлайн-стили в React, добавляй версии с вендорными префиксами вместе со стандартным CSS-свойством:
<div style={{
transform: 'rotate(90deg)',
WebkitTransform: 'rotate(90deg)',
msTransform: 'rotate(90deg)'
}} />
Обрати внимание на форматирование в camelCase для вендорных префиксов в React:
WebkitTransform)msTransform)transform)styled-components или Emotion, которые сами обрабатывают префиксыReact воспринимает инлайн-стили как JavaScript-объекты, поэтому ты сам отвечаешь за включение всех необходимых вариантов. Это отличается от CSS-препроцессоров или инструментов сборки, которые умеют автоматически генерировать вендорные префиксы.
React автоматически применяет vendor prefixes к inline стилям, поэтому тебе не нужно вручную добавлять -webkit- или -ms- варианты.
Новый — ещё не проверен сообществом
Вы