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

Question

我想在我的React Code中使用带有计算变量的内联样式-对于背景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中添加多个键“ background”，那么它也不起作用。并且background的值-也不接受包含所有供应商的值的字符串。

帮助！

Answer 1

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

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