將外部腳本導入React組件

Question

我正在將模板轉換為適用於我網站的組件。 但是，模板大多在jquery中。 外部javascript無法與我的組件很好地綁定，我必須將這個函數與componentDidMount()綁定。

componentDidMount(){
  $(".b-upper-title").slabText({
      // Don't slabtext the headers if the viewport is under 380px
      "viewportBreakpoint":380
  });
}

但是， slabText()無法工作，因為它依賴於<script src="styles/plugins/slabText/js/jquery.slabtext.min.js"></script> 。 我需要將此腳本導入組件才能調用該函數。 任何想法如何執行任務？

Answer 1

嘗試看看這個庫react-async-script-loader