例如，要在反应中设置样式，您可以这样做
var css = {color: red}
and
<h1 style={css}>Hello world</h1>
为什么第二个代码片段中的 css 需要大括号？
大括号是一种特殊的语法，让 JSX 解析器知道它需要将它们之间的内容解释为 JavaScript 而不是字符串。
当您想要在 JSX 中使用 JavaScript 表达式（例如变量或引用）时，您需要它们。因为如果您使用标准双引号语法，如下所示：
var css = { color: red }
<h1 style="css">Hello world</h1>
JSX 不知道您打算使用该变量css在样式属性中而不是字符串中。并通过将花括号放在变量周围css，你告诉解析器“获取变量的内容css并将它们放在这里”。（从技术上讲，它评估内容）
这个过程通常被称为“插值”。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
