有或没有美元符号反应

Question

我在反应函数返回语句中阅读了以下代码。

 return(){
      <span className="expense">{charge}</span>
      <span className="amount">${amount}</span>
 }

我的问题是有或没有 $，它们只是代表要渲染的动态变量，对吗？我看到 ${} 和 {} 有时散布在代码中，并且非常困惑它们是否应该可以互换。谢谢。

Answer 1

要将表达式嵌入到 JSX 中，您只需使用花括号。$ 位于大括号之外，因此被解释为文本。

 <div>${145}</div>
 // equals
 <div>$145</div>

然而，在模板文字内部，嵌入表达式的语法是${...}：

 `Amount: ${145}`
 // equals
 `Amount: 145`