React单引号/双引号<Link to=></Link>

Syntax React single-quote/double-quote <Link to=></Link>

本文关键字：Link to 单引号 React      更新时间：2023-09-26

我使用了下面的代码，其中通常带有引号' '或" "。

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

在URL中传递的是/view/$%7Bpost。代码%7D而不是不是我想要的项目ID

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

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

为什么通常的单引号或双引号不起作用，而我不得不在代码完全相同的地方使用"其他"引号?

因为"other"引号也就是反勾号是用于允许嵌入表达式的模板字面值。

。

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

。

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

在你的例子中，它仍然是"/view/${post。当您使用单引号或双引号并且URL被编码时，因此括号变成了%7B &%7D和后。

因为当你使用反勾号(' ')时它里面有${name_of_variable}这叫做模板文字检查这个链接

相关文章：