字数

271 字

阅读时间

2 分钟

模板字符串允许在字符串中嵌入表达式，更方便地拼接字符串和多行字符串。

在模板字符串中，美元符号 $ 与花括号 {} 一起用于表示插值表达式。这种语法允许在字符串中嵌入变量或表达式的值，从而动态生成字符串内容。

具体来说，${} 的作用是：

• 插入变量：可以在字符串中嵌入变量的值。
• 插入表达式结果：可以在字符串中嵌入表达式的计算结果。

例如：

const name = 'Alice';
const age = 25;
const greeting = `Hello, my name is ${name} and I am ${age} years old.`;

console.log(greeting); // 输出: "Hello, my name is Alice and I am 25 years old."

return (
  <Menu.Item key={item.id}>
    <Link to={`/${item.id} `}>
      <Icon type={item.icon} />{item.title}
    </Link>
  </Menu.Item>
);

在上述代码中，如果 item.id 是 1，那么 to={/${item.id}} 会变成 to="/1"，即点击菜单项时会导航到 /1 路径。

贡献者

sunchengzhi

文件历史

最后编辑于 大约 2 个月前查看完整历史

de5fa-fix:修改文件名