如何获取-插值时显示为破折号

Question

在我正在处理的页面上，我试图将博客文章的标题读为Sleep—It's frustratingly Important.，其中Sleep和{{1}之间有短划线}。以前我把它硬编码为

It's

运行正常。我想对此进行概括，因此在我的Rails后端中，帖子标题存储为<h2 class="post-title"><router-link to="/posts/1">Sleep&#8212It's frustratingly Important. </router-link></h2> 。但是当我通过插值插入帖子标题

Sleep&#8212It's frustratingly Important.

它不会插入破折号。它显示为“睡眠＆＃8212，这非常令人沮丧”。

为什么html不能识别＆＃8212应该更改为破折号？以及如何解决此问题？

Answer 1

{{和}}之间的内容应该是一个解析为纯文本的表达式。它被转换为文本节点。它不会被视为HTML。

如果您想使用破折号，请使用真实的破折号：—。

您也可以看一下dangerouslySetInnerHTML，但这是有原因的。