JSX 中的 {} 和 ${} 有什么区别？答案

【问题标题】：What is the difference between {} and ${} in JSX?JSX 中的 {} 和 ${} 有什么区别？
【发布时间】：2020-11-21 07:02:39
【问题描述】：

${} 是模板文字。没有$ 符号的{} 是什么？

在反应中：

function App(){
    return(<div temp={3}></div>);
}

（我正在查找差异，但没有任何结果。所以，我认为这个问题是有必要的，因为我不知道我使用的是 JS 还是 JSX。）

【问题讨论】：

这能回答你的问题吗？ What do curly braces mean in JSX (React)?
你可以在字符串模板中使用${}，比如const k = `my name is ${name}`，只要你想在你的JSX代码中添加一些Java代码，比如<div attr={name}>{name}</div>，你就可以使用{}
@Megapteranovaeangliae 我正在查找差异，但没有发现任何问题。所以，我认为这个问题是有必要的，因为我不知道我使用的是 js 还是 jsx。
你标记了这个reactjs，所以你肯定知道你在看什么不是普通的javascipt？
@Jamiec 很有趣，我对 reactjs 一无所知。这是有史以来的第一次。我听说反应中有 JSX，但我正在关注的教程说它只使用香草 javascript。（甚至说 JSX 对初学者来说很难，他们不会使用它）

【解决方案1】：

你说得很对，javascript 使用 ${} 在反引号包围的字符串中使用模板文字 `

您粘贴的代码不是javascript，而是JSX，{ 和} 是您在其中嵌入expressions 的方式。

【讨论】：