/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

7 votes391 views2 answers
React router 6 redirect
Javascript React
-1 vote353 views3 answers
Why we import react from react
Javascript React
16 votes372 views3 answers
Importing svg into react
Javascript React
32 votes388 views2 answers
How to routing in react js
Javascript React
0 vote421 views1 answer
React native firebase
Javascript React
15 votes382 views2 answers
React native get location
Javascript React
1 vote385 views1 answer
Update create react app package to latest
Javascript React
1 vote381 views2 answers
How to render react native app under the status bar
Javascript React
0 vote393 views1 answer
React Native BUILD FAILED on run-ios
Javascript React
1 vote343 views1 answer
React native onpress show component
Javascript React