有没有办法用字符串而不是对象格式来编写内联css？
我试过了，但显然不起作用:
<div style={"color:red;font-weight:bold"}> Hello there </div>
I usually write some inline css first and once it looks good in the browser I copy paste that inline into my .scss file
but if I use objects I'll first have to convert them into css format and then paste them into my file which would be really tedious
(如果不可能，我也愿意使用vscode扩展来将对象转换为css)
不，你不能使用字符串来代替，如果没有一个可能比它的价值更大的变通办法，你就不能使用字符串.
在Reaction中使用内联样式时，可以使用React.CSSProperties来描述传递给样式props 的对象.该类型是所有可能的css属性的联合，是确保将有效的css属性传递给样式props 并在您的编辑器中自动完成的好方法.
interface MyComponentProps { style: React.CSSProperties; }
在 comments 中，Konrad指向this question，其中有一个链接到a tool的答案，可以在两种格式之间转换.
？例如，Konrad还找到并链接到this blog post，其中显示了在运行时将字符串转换为对象的函数的代码.所以你could做style={theFunction("your styles")}.但除了不必要的复杂性外，这将涉及在每次渲染时重新转换字符串(除非您记下了它，这会耗费内存，甚至更复杂...).尽管如此，这仍是一个 Select .