在 React 中为背景线性渐变添加内联 css 的供应商前缀

Question

我想在我的 React 代码中使用带有计算变量的内联样式 - 用于背景 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',
};

如何为此添加供应商前缀 - 没有任何效果。如果我在 bkgStyle 中添加多个键“背景”，那么它也不起作用。并且背景的值 - 也不接受包含所有供应商值的字符串。

求救！！！

Answer 1

您可以通过将供应商前缀添加到主键的值来添加它们。例如：

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