javascript - Hur man fixar HTML-kommentar i Next.js <title>

Vi har följande kod på en next.js-sida:

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

För en bråkdels sekund ser jag html-kommentar som <!--- ---> (något sådant)

Jag använder statisk sidgenerering (getServerSideProps), och min fil har en dynamisk rutt, som [id], så jag använder också getStaticPaths.

Vad gör jag?

Svar #1

Här är svaret.

Av någon anledning gillar inte Next.js att vi skriver inuti på det här sättet Static text {dynamicText}

Vad vi istället borde göra är att skriva det så här:

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

Du skriver först {}, sedan placerar du backticks (``) inuti det. Inuti dessa backticks använder du mall-litteraler. Här kan du skriva vad du vill, vare sig det är statisk eller dynamisk text. Se bara till att inte skriva något utanför det. Endast inuti strängen.

Hoppas att det hjälper alla som har upplevt samma problem.

Relaterade artiklar