reactjs - 在 Remix.run 上运行谷歌分析脚本

Question

我已经构建了一个带有混音运行的网络应用程序，我想添加谷歌分析。如何在不使打字稿生气的情况下将纯 JS 添加到头部和身体部分？

Answer 1

在任何页面上，您都可以随时在纯 HTML 和完整的客户端转换之间切换。

如果您需要一点点交互性，请使用

<script
 dangerouslySetInnerHTML>.

示例，取自https://remix.run/docs/en/v1/guides/disabling-javascript

return (
  <>
    <select id="qty">
      <option>1</option>
      <option>2</option>
      <option value="contact">
        Contact Sales for more
      </option>
    </select>

    <script
      dangerouslySetInnerHTML={{
        __html: `
          document.addEventListener('DOMContentLoaded', () => {
            document.getElementById('qty').onchange = (event) => {
              if (event.target.value === "contact") {
                window.location.assign("/contact")
              }
            }
          });
        `
      }}
    />
  </>
);