语法响应单引号/双引号<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

因为“其他”引号--也就是反勾号--是用于模板文字的，它允许嵌入表达式。

更多的这里。

${}中的任何内容都将被插入。

例如。

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

在您的示例中，当您使用单引号或双引号并对URL进行编码时，它仍然是"/view/${ post.code }“，因此括号变成%7B & %7D，而post.code仍然没有内插。

Answer 2

因为当您使用回勾()并在其中包含${name_of_variable} --这称为模板文本--检查此链接