/Javascript/React/How to import js via script in react

How to import js via script in react

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 vote235 views1 answer
Add update react pwa feature
Javascript React
1 vote235 views2 answers
Hosting react with pm2
Javascript React
0 vote179 views2 answers
React native setstate object
Javascript React
0 vote185 views1 answer
OnPress image react native
Javascript React
-2 votes191 views1 answer
Starter react redux project
Javascript React
2 votes197 views1 answer
React add gradient top to bottom
Javascript React
0 vote197 views1 answer
How to detect an element is been hovered in react
Javascript React
32 votes207 views1 answer
How to use react router
Javascript React
11 votes214 views4 answers
React native flatlist
Javascript React
15 votes193 views5 answers
React svg
Javascript React