JSX 中的 和 $ 有啥区别？

Posted 2023-02-21

【中文标题】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 的方式。