如何在下一个 js 头中捕获日期？答案

【问题标题】：How to capture date in next js head?如何在下一个 js 头中捕获日期？
【发布时间】：2021-09-16 01:32:53
【问题描述】：

我正在尝试在 head 部分的脚本标记中访问 Date.now()。我正在使用以下 sn-p 代码：-

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>
  );
}

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

'); 你好世界。关于

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

【问题讨论】：

你为什么要使用脚本来设置一个脚本的内部 HTML，而 document.writes 另一个脚本？最后使用你想要的脚本。
嗨，@Quentin 我在我的一个登录页面上添加了一个像素。我正在为我的网站使用下一个 js。

标签： javascript reactjs next.js head

【解决方案1】：

导入下一个/脚本而不是下一个/头。

import Script from 'next/script'

并使用它

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

【讨论】：

【解决方案2】：

只需使用模板字符串：

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

【讨论】：

嗨@PsyGik 我收到以下错误：- 语法错误：JSX 值应该是表达式或引用的 JSX 文本。请检查以下代码codesandbox.io/s/integrating-whistle-pixel-81qej?file=/pages/…
是的，很抱歉，忘记了{} for src
感谢@PsyGik 的帮助和支持。

【解决方案3】：

可以试试这个

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

【讨论】：