Ответ 1
React не применяет префиксы поставщика автоматически.
Чтобы добавить префиксы поставщика, назовите префикс поставщика в соответствии со следующим шаблоном и добавьте его как отдельную ссылку:
-vendor-specific-prop: 'value'
становится:
VendorSpecificProp: 'value'
Итак, в примере в вопросе он должен стать:
<div style={{
transform: 'rotate(90deg)',
WebkitTransform: 'rotate(90deg)'
}}>Hello World</div>
Префикс значения не может быть выполнен таким образом. Например, этот CSS:
background: black;
background: -webkit-linear-gradient(90deg, black, #111);
background: linear-gradient(90deg, black, #111);
Поскольку объекты не могут иметь дубликаты ключей, это можно сделать только, зная, какой из них поддерживает браузер.
Альтернативой было бы использовать Radium для инструментальной привязки стиля. Одной из его особенностей является автоматическое префикс поставщика.
Наш фоновый пример в радие выглядит следующим образом:
var styles = {
thing: {
background: [
'linear-gradient(90deg, black, #111)',
// fallback
'black',
]
}
};