How do I use external script that I add to react JS?

by

You can load the script asynchronously and access it on load. 

componentDidMount() {
  const script = document.createElement("script");
  script.src = "https://stackoverflow.com/static/libs/your_script.js";
  script.async = true;
  script.onload = () => this.scriptLoaded();

  document.body.appendChild(script);
}

It should get attached to the window. 

 scriptLoaded() {
   window.A.sort();
 }

or

scriptLoaded() {
  A.sort();
}

More Related Contents:

  1. What is component in reactjs?
  2. React setState not updating state
  3. Trying to use fetch and pass in mode: no-cors
  4. Rerender view on browser resize with React
  5. React Context vs React Redux, when should I use each one? [closed]
  6. Correct way to push into state array
  7. How to handle the `onKeyPress` event in ReactJS?
  8. Why is useState not triggering re-render?
  9. Is there a way to check if the react component is unmounted?
  10. Pass react component as props
  11. react-router getting this.props.location in child components
  12. Is there a generic way to set state in React Hooks? How to manage multiple states?
  13. React Function Components with hooks vs Class Components
  14. Client Routing (using react-router) and Server-Side Routing
  15. How to update state with usestate in an array of objects?
  16. How to print React component on click of a button?
  17. How to render Streamable image on React coming from FastAPI server?
  18. unable to deploy next js to azure
  19. react-router-dom v6 Routes showing blank page
  20. react-router (v4) how to go back?
  21. how to set up an inline svg with webpack
  22. Does strict mode work differently with React 18?
  23. How can I dispatch function in redux?
  24. Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null [closed]
  25. React-Redux: Should all component states be kept in Redux Store
  26. React.js best practice regarding listening to window events from components
  27. how to render child components in react.js recursively
  28. React’s setState method with prevState argument
  29. How to render a Object in React?
  30. How to fetch data server-side in the app directory of Next.js? Tried getStaticProps but it’s returning undefined

Leave a Comment