首页 > 解决方案 > 在 React.js 中,何时使用 `${}` 将 Javascript 代码注入 JSX,我们何时使用常规 {}?

问题描述


我目前在 React.js 工作,有时我看到人们使用将 Javacript 代码注入 JSX
`${javascript}`

有时他们使用常规的花括号:

{javascript}

有什么区别,我们什么时候使用它们?

谢谢!

标签: javascriptreactjs

解决方案


${javascript}

在 javascript 中,您可以使用模板文字在字符串中使用表达式:

`Any string with ${javascript == expression} values`

react JSX 使用花括号来评估表达式:

{JSX expression}

您还可以在哪里使用模板文字:

{ `${expression}` }

推荐阅读