反应中双花括号 { } 的技术名称是什么？答案

【问题标题】：What is the technical name for the double curly braces { } in react?反应中双花括号 { } 的技术名称是什么？
【发布时间】：2020-03-26 20:09:37
【问题描述】：

双花括号：{ } 在 React 代码中随处可见。传递道具，渲染状态变量......等等。但很遗憾我不知道它们叫什么。有人帮忙。

【问题讨论】：

标签： reactjs

【解决方案1】：

我认为您正在寻找“插值”这个词。

在 Javascript 中，字符串插值是对包含占位符的字符串进行求值，这些占位符在运行时会替换为相应的值。

花括号 - { } - 可以是两件事：

在 react 中，由于 - { } - 可用于注入变量，双花括号 - {{ }} - 用于在 JSX 中注入 javascript 对象。

【讨论】：

【解决方案2】：

花括号 { } 是 JSX 中的特殊语法。它用于在编译期间评估 JavaScript 表达式。 JavaScript 表达式可以是变量、函数、对象或任何解析为值的代码。

 <h1 style={this.props.css}>Hello world</h1>

如果你的意思是 {{...}} 是：

以 JavaScript 方式处理，因此外大括号正是用于此目的。

但是属性的样式接受一个对象。一个对象还需要另一对花括号来包裹它。这就是内在的目的。

喜欢这一行：

 <h1 style={ {color: 'red'} }>Hello world</h1>

【讨论】：