javascript - 在 reactjs 中加载组件之前如何加载 javaScript 库和 css 文件

Question

如何在 reactjs 组件加载之前加载 javaScript 库和 css 文件。

我正在将 dataTable Html 模板转换为反应组件，但 javaScript 库和 css 文件未加载组件。

我该如何解决。谁能帮我？

Answer 1

你可以试试这个：

import 'path/cssFile.css';

import 'path/jsFile.js';

Answer 2

您可以在您的第一个组件（例如 app.js）中使用这些行，它首先呈现 index.js（对于基于类的组件）

    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);
}, []);