如何在 React js 中添加内联脚本？

Question

我正在转换我的 HTML 站点以做出反应，在 body 标签下方，我有这个脚本可以切换我的移动导航

    <script>
  window.addEventListener("scroll", function () {
    var nav = document.querySelector("nav");
    nav.classList.toggle("sticky", window.scrollY > 0);
  }, { capture: true });

  $(document).ready(function () {
    $('.fa-bars').click(function () {
      $('nav ul').toggleClass('active-2');
    })
  });
</script>

然后一旦我 go 到另一个页面，导航按钮停止工作（即在我刷新页面之前它不会切换导航）

请问我该如何解决？

Answer 1

也许你可以把它放在 componentDidMount 方法中：

componentDidMount() {
    const script = document.createElement("script");
    script.src = "your-script-path";

    document.body.appendChild(script);
}

从反应文档：

componentDidMount() 在组件安装后立即调用（插入到树中）。 需要 DOM 节点的初始化应该在这里 go。 如果您需要从远程端点加载数据，这是实例化网络请求的好地方。

https://reactjs.org/docs/react-component.html#componentdidmount