反应中双花括号 的技术名称是啥？

Posted 2023-02-21

【中文标题】反应中双花括号 的技术名称是啥？

【英文标题】：What is the technical name for the double curly braces in react?反应中双花括号 的技术名称是什么？

【发布时间】：2020-03-26 20:09:37

【问题描述】：

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

【问题讨论】：

这能回答你的问题吗？ What do curly braces mean in JSX (React)?

不，它没有说明它们在技术上的名称是什么？它们只是被称为花括号吗，它们没有语义名称吗？

我认为我们应该为此阅读 FullStack React 书籍。

花括号语法。到目前为止还没有特别的名字（而且似乎我们真的不需要那个）

【参考方案1】：

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

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

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

Javascript 对象的定义 一种在 html 模板中“注入变量”的方法

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

【参考方案2】：

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

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

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

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

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

喜欢这一行：

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