/Javascript/React/React load script after render

React load script after render

const loadScript = (url) => new Promise((resolve, reject) => {
  let ready = false;
  if (!document) {
    reject(new Error('Document was not defined'));
  }
  const tag = document.getElementsByTagName('script')[0];
  const script = document.createElement('script');

  script.type = 'text/javascript';
  script.src = url;
  script.async = true;
  script.onreadystatechange = () => {
    if (!ready && (!this.readyState || this.readyState === 'complete')) {
      ready = true;
      resolve(script);
    }
  };
  script.onload = script.onreadystatechange;

  script.onerror = (msg) => {
    console.log(msg);
    reject(new Error('Error loading script.'));
  };

  script.onabort = (msg) => {
    console.log(msg);
    reject(new Error('Script loading aboirted.'));
  };

  if (tag.parentNode != null) {
    tag.parentNode.insertBefore(script, tag);
  }
});


export default loadScript;

Source: stackoverflow.com

Similar codes

1 vote278 views1 answer
React native grid view
Javascript React
0 vote250 views2 answers
React composition
Javascript React
0 vote275 views1 answer
How to declare a variable in react
Javascript React
12 votes286 views2 answers
How to integrate redux dev tool to react application
Javascript React
0 vote262 views1 answer
React native whatsapp integration
Javascript React
1 vote262 views1 answer
How to get the value of textarea in react
Javascript React
1 vote283 views1 answer
Check if new user in firebase react
Javascript React
0 vote268 views1 answer
Divide string in lines react native max width
Javascript React
16 votes263 views3 answers
What does the useReducer do in react
Javascript React
18 votes280 views1 answer
Get specific characters from state variable reactjs
Javascript React