语法React single-quote / double-quote <link to =“”/>

时间:2016-08-17 13:00:19

标签: javascript reactjs

我使用了以下代码和通常的引号&#39; &#39;或&#34; &#34 ;.

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

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

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

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

为什么通常的单引号或双引号不起作用,我不得不使用&#34;其他&#34;代码完全相同的引号?

2 个答案:

答案 0 :(得分:2)

因为“其他”引号又称返回tick用于允许嵌入表达式的模板文字。

更多here

将内插$ {}内的任何内容。

E.g。

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

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

答案 1 :(得分:1)

因为当你使用反引号(``)并且在其中你有$ {name_of_variable}时这叫做模板文字检查这个link