`${variableName}` 和 {variableName} 有什么区别？

Question

这两种语法是否相同：`${variableName}` 和 {variableName}

Answer 1

不。第一个是 JavaScript 的模板字面量

根据问题的标签，我假设上下文是关于 React js 的。所以第二个是用来在 JSX 中编写 javascript 的。

例如，如果你想在 JSX 中遍历一个数组，你可以这样做，

<div>
  {arr.map(item => <p>{item}</p>)}
</div>

但是模板文字是纯 javascript 的特性。

模板文字是允许嵌入表达式的字符串文字。您可以将多行字符串和字符串插值功能与它们一起使用。