Например, у меня есть внешняя библиотека, такая как Materialize. js, компоненты, которые мне нужно визуализировать, зависят от нее, как лучше всего включить эту библиотеку? Документация ReactJS относится к разделению кода, которое я сделал с моим собственным JavaScript, но не могу сделать с внешним свернутым скриптом. Какой подход обеспечивает наивысшую производительность?
Я попробовал следующее
componentDidMount() {
const script = document.createElement("script");
script.src = "https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/js/materialize.min.js";
script.async = true;
script.onload = () => this.scriptLoaded();
document.body.appendChild(script);
}
scriptLoaded = async () => {
this.setState({materializeJsLoaded: true});
}
Я также затем попытался включить его в индексную страницу. html внизу тега body .
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/js/materialize.min.js"></script>