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

Question

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

Answer 1

不。第一个是 JavaScript 的 template literals
根据问题的标签，我假设上下文是关于 React js 的。所以第二个是用于在 JSX 中编写 javascript。
例如，如果你想在 JSX 中遍历一个数组，你可以这样做，

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

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

Template literals are string literals allowing embedded expressions.You can use multi-line strings and string interpolation features withthem.