/Javascript/React/Import a script to my react componetn

Import a script to my react componetn

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;

Source: reactgo.com

How to import js via script in 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;

Source: stackoverflow.com

Similar codes

0 vote379 views1 answer
React-native-apple-authentication
Javascript React
1 vote438 views1 answer
How to change favicon dynamic in react js
Javascript React
16 votes386 views3 answers
What does the useReducer do in react
Javascript React
86 votes410 views3 answers
React check if window exists
Javascript React
0 vote398 views1 answer
Array map order by timestamp reactjs
Javascript React
8 votes364 views3 answers
React latest version
Javascript React
78 votes367 views6 answers
React router redirect
Javascript React
108 votes418 views2 answers
React start new app
Javascript React
-1 vote410 views1 answer
How to run react native app on simulator
Javascript React
0 vote392 views1 answer
React big calendar event color
Javascript React