Добавьте префиксы поставщиков для inline css в React для фона Linear Gradient

Question

Я хочу использовать встроенные стили с вычисляемой переменной в моем React Code - для свойства background css со значением

const bkgStyle = {
  background: `linear-gradient(97.84deg, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), ${primaryColor}`,
  height: '165px',
};

Как добавить для этого префикс вендора - ничего не работает. Если я добавлю несколько ключей 'background' в bkgStyle, то это тоже не сработает. и значение для фона - также не принимает строку, содержащую значения для всех поставщиков.

Справка !!!

Answer 1

Вы можете добавить префиксы поставщика, добавив их к значению основного ключа. EG:

const bkgStyle = {
    display: '-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex'
}