將外部腳本導入React組件

Question

我正在將模板轉換爲我網站的反應組件。但是，該模板大多在jQuery中。外部javascripts與我的組件無法很好地綁定，我必須將該函數與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

Answer 2

您不需要導入任何內容作爲React元素。

只包括 <script src="styles/plugins/slabText/js/jquery.slabtext.min.js"></script> 到您正在使用的html中。這應該足以在全球範圍內定義$。