javascript - 语法 React 单引号/双引号 <Link to=></Link>

Question

我使用了以下带有常用引号“”或“”的代码。

 <Link to={'/view/${post.code}'}>

在 URL 中，它传递的是/view/$%7Bpost.code%7D 而不是项目 ID，这不是我想要的

然后使用另一个单引号，URL 返回正确的项目 ID，例如/view/itemID

<Link to={`/view/${post.code}`}>

为什么通常的单引号或双引号不起作用，我必须使用代码完全相同的“其他”引号？

Answer 1

因为“其他”引号(又名反勾号)用于允许嵌入表达式的模板文字。

更多 here .

${} 中的内容都将被插值。

例如

var name = "World";
console.log(`Hello ${name}`); \\ will be evaluated to "Hello World";

在您的情况下，当您使用单引号或双引号时，它仍然是“/view/${post.code}”，并且 URL 已编码，因此括号变为 %7B 和 %7D，并且 post.code 保持未插值。