Javascript {${props.title}}和{props.title}之间的差异

我看到在一些地方，为了从道具中获得标题的价值，我们使用

{`${props.title} `}

而在其他一些地方，我们使用它

{props.title}

---

区别是什么？

当您必须使用一些字符串文字时，会使用第一个。例如，在本例中，当您想在

标题

中附加某些内容时

---

如果只想使用

标题

，通常会使用第二个标题。

当必须使用某些字符串文字时，会使用第一个标题。例如，在本例中，当您想在

标题

中附加某些内容时

---

如果只想使用

标题

，通常会使用第二个。

第一个选项是使用模板文本，请进一步阅读文档：

模板文字是允许嵌入表达式的字符串文字。可以使用多行字符串和字符串插值功能

第二个选项只是将字符串值传递给属性

考虑以下几点：

const数据={
标题：“随机标题”
};
console.log（data.title）；
log（`${data.title}`）第一个选项是使用模板文本，请进一步阅读文档：

模板文字是允许嵌入表达式的字符串文字。可以使用多行字符串和字符串插值功能

第二个选项只是将字符串值传递给属性

考虑以下几点：


const数据={
标题：“随机标题”
};
console.log（data.title）；
log（`${data.title}`）这里已经给出的两个答案都很好。我不知道你问题的背景，但在你的例子中

{`${props.title}`}

及

{props.title}

可能是因为在第一次使用模板文本时，在最后一次回勾之前有一个额外的间距

当你想做像这样的事情时，它对jsx很有用

<p>
 {`${props.withExtraSpacing}: some text`}
</p>


{`${props.withExtraSpacing}：一些文本`}


而不是

<p>
 {props.withoutExtraSpacing} + " " + ": some text"
</p>


{props.withoutExtraSpacing}++：一些文本

这里已经给出的两个答案都很好。我不知道你问题的背景，但在你的例子中

{`${props.title}`}

及

{props.title}

可能是因为在第一次使用模板文本时，在最后一次回勾之前有一个额外的间距

当你想做像这样的事情时，它对jsx很有用

<p>
 {`${props.withExtraSpacing}: some text`}
</p>


{`${props.withExtraSpacing}：一些文本`}


而不是

<p>
 {props.withoutExtraSpacing} + " " + ": some text"
</p>


{props.withoutExtraSpacing}++：一些文本

里面有一个空格，所以它必须是
{props.title+“”}
。如果没有空格，您可以（应该？）等价地编写
{String（props.title）}
其中有一个空格，因此它必须是
{props.title+“”
。如果没有空格，您可以（应该？）等价地编写
{String（props.title）}