如何在下一个 js head 中捕获日期？

Question

我正在尝试在头部部分的脚本标记内访问 Date.now()。我正在使用以下代码片段：-

import Link from "next/link";
import Head from "next/head";

export default function IndexPage() {
  return (
    <div>
      <Head>
        <script
          // eslint-disable-next-line react/no-danger
          dangerouslySetInnerHTML={{
            __html: `
                  document.write("\x3Cscript src="https://somerandomeurl/initialize_pixel.js?v=' + Date.now() + '">\x3C/script>");`
          }}
        ></script>
      </Head>
      Hello World.{" "}
      <Link href="/about">
        <a>About</a>
      </Link>
    </div>
  );
}

当我运行这段代码时，我得到以下输出：-

'); 你好世界。关于

如何获取日期并避免打印 ');在屏幕上？

Answer 1

可以试试这个

document.write(
      "<script src='https://somerandomeurl/initialize_pixel.js?v=" +
        Date.now() +
        "'></script>"
    );

Answer 2

只需使用模板字符串：

<Head>
   <script src={`https://somerandomeurl/initialize_pixel.js?v=${Date.now()}`}></script>
</Head>

Answer 3

导入 next/script 而不是 next/head。

import Script from 'next/script'

并使用它

<Script src={`https://somerandomeurl/initialize_pixel.js?v=${Date.now()}`}/>

如何在下一个 js head 中捕获日期？

How to capture date in next js head?

javascript

reactjs

next.js

head