如何在 JSX 中使用模板文字？

在 JSX 中使用模板文字（Template Literals），您可以在大括号 {} 中直接插入 JavaScript 表达式，包括使用反引号 ` 包围的模板文字。下面是一个如何在 JSX 中使用模板文字的示例：

jsx
// 假设我们有一些变量
const user = {
  firstName: '张',
  lastName: '三'
};

// 在 JSX 中使用模板文字
const greeting = (
  <h1>你好, {`${user.firstName} ${user.lastName}`}！</h1>
);

在上述例子中，我们使用了模板文字来拼接 firstName 和 lastName，然后将其作为表达式插入到 JSX 中。这使得字符串插值变得简单而直观。在模板文字内，可以插入任何有效的 JavaScript 表达式。当在 JSX 中需要动态创建字符串时，这种方法尤其有用。