“Cara mengimpor JS melalui skrip di React” Kode Jawaban

Impor skrip ke react componetn saya

import React,{Component} from "react";
import ReactDOM from "react-dom";

import "./styles.css";

class App extends Component {
  componentDidMount() {
    const script = document.createElement("script");    script.async = true;    script.src = "https://some-scripturl.js";    this.div.appendChild(script);  }
  render() {
    return (
      <div className="App" ref={el => (this.div = el)}>        <h1>Hello react</h1>
        {/* Script is inserted here */}
      </div>
    );
  }
}

export default App;
Precious Puma

Cara mengimpor JS melalui skrip di React

import { useEffect } from 'react';

const useScript = url => {
  useEffect(() => {
    const script = document.createElement('script');

    script.src = url;
    script.async = true;

    document.body.appendChild(script);

    return () => {
      document.body.removeChild(script);
    }
  }, [url]);
};

export default useScript;
CoderHJ

Jawaban yang mirip dengan “Cara mengimpor JS melalui skrip di React”

Pertanyaan yang mirip dengan “Cara mengimpor JS melalui skrip di React”

Lebih banyak jawaban terkait untuk “Cara mengimpor JS melalui skrip di React” di JavaScript

Jelajahi jawaban kode populer menurut bahasa

Jelajahi bahasa kode lainnya