react-import-script

Why?

It helps to import scripts from url in a react component when the script is need to be used, hence saving the project startup time rather than loading all the scripts at once.

Installation

npm i react-import-script

yarn add react-import-script

Usage

1. ImportScript

import React from 'react';
import logo from './logo.svg';
import './App.css';
 
import ImportScript from 'react-import-script';
 
function App() {
  return (
    <div className="App">
      <ImportScript url="https://checkout.razorpay.com/v1/checkout.js">
        <p>Hello world</p>
      </ImportScript>
    
    </div>
  );
}
 
export default App;
 

Props	Description	required
url	url of any script which needs to be loaded	true