如何在 reactjs 組件加載之前加載 javaScript 庫和 css 文件

Question

javaScript 庫和 css 文件如何在 reactjs 組件加載之前加載。

我正在將數據表 Html 模板轉換為反應組件，但 javaScript 庫和 css 文件未加載組件。

我該如何解決它。 誰能幫我？

Answer 1

您可以在第一個組件中使用這些行，例如 app.js，它首先呈現 ater index.js（對於基於 class 的組件）

    componentDidMount () {
    const script = document.createElement("script");

    script.src = "https://use.typekit.net/foobar.js";
    script.async = true;

    document.body.appendChild(script);
}

而對於功能組件

useEffect(() => {
    const script = document.createElement("script");

    script.src = "https://use.typekit.net/foobar.js";
    script.async = true;

    document.body.appendChild(script);
}, []);

Answer 2

您可以嘗試使用 import [您想使用哪個 js 庫] 然后將此語法放在 js 文件頂部，就像您導入 react 一樣；

 import $ from 'jquery';