javascript - 如何修復 Next.js <title> 中的 HTML 註解

我們在 next.js 頁面中有以下程式碼：

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

在一瞬間，我看到了像 <!--- --->（類似那樣的）HTML 註解

我使用靜態網站生成（getServerSideProps），而且我的檔案有動態路由，例如 [id]，所以我也使用 getStaticPaths。

我該怎麼做？

答案＃1

這是答案。

出於某種原因，Next.js 不喜歡我們這樣在 內部寫作 Static text {dynamicText}

我們應該改為這樣寫：

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

你首先寫 {}，然後你在其中放入反引號（``）。在這些反引號內，你使用模板字面值。在這裡你可以寫任何你想寫的內容，無論是靜態還是動態文本。只需確保在它之外什麼都不寫。只能在字串內寫。

希望這對所有有相同問題的人有所幫助。