如何修复 Next.js <title> 中的 HTML 注释

Question

我们在 next.js 页面中有以下代码：

   <Head>
        <title>
          Some text {title}
        </title>
   </Head>

一瞬间，我看到了像  这样的 html 注释（类似的东西）

我使用静态站点生成（getServerSideProps），并且我的文件有动态路由，例如[id]，所以我也使用getStaticPaths。

我该怎么办？

Answer 1

答案如下。

由于某种原因，Next.js 不喜欢我们像这样在里面写静态文本 {dynamicText}

我们应该做的是这样写：

<title>{`Static text${dynamicText}`}</title>

首先编写 {}，然后在其中传递反引号 (``)。在这些反引号内，您可以使用模板文字。在这里您可以编写任何您想要的内容，无论是静态文本还是动态文本。只要确保在其之外不写任何内容即可。仅在字符串内部。

希望对遇到同样问题的每个人都有帮助。

如何修复 Next.js &lt;title&gt; 中的 HTML 注释