ReactJS内联样式对象中的多个属性？

Question

我如何写一些等同于

的东西

CSS

.class {
  display: flex;
  display: -webkit-flex;
}

但在React中使用内联样式？

我基本上都在寻找类似的东西：

的JavaScript

let styles = {
  display: ['flex', '-webkit-flex']
}

Answer 1

您的问题是reactJS common problem still opened并等待正确的解决方案

对于webkit样式，一种解决方案是连接值：

let styles = {
  display: 'flex; display:-webkit-flex'
}

否则，更常见的解决方案是创建一个名为“flex”的CSS，该CSS将被赋予元素的className属性。

第三种解决方案：使用Radium。我相信它太大了对你的问题很乏味，但如果你有时间，你可以试试......：）