如何在 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