reactjs - 如何在react中编写内联样式

Question

这行有什么问题吗？ var firstColStyle = {text-align: right};

这有效: varfirstColStyle = {宽度:70};

似乎是一种奇怪的样式语法？ 关于这个问题的文档非常少。 如何使元素具有反应性，因此我不能使用 20% 而不是 300px。

致以诚挚的问候

格哈德

Answer 1

将firstColStyle更改为:

var firstColStyle = { textAlign: 'right' }

如果您必须设置 px，您可以:

var someSize = { width : '2px' }

如果百分比:

var otherWidth = { width : ' 10%' }