Inspired by scriptLoader2
npm install use-script-loader --save
const useScriptLoader = require('use-script-loader')
const [loading, script, error] = useScriptLoader('https://ajax.googleapis.com/ajax/libs/jquery/x.x.x/jquery.min.js')
if (loading) return <Spinner />
if (error) throw error
console.log(script.src); // Prints 'https://ajax.googleapis.com/ajax/libs/jquery/x.x.x/jquery.min.js'
// use jQuery here
Append a <script>
node with the given src
URL to the <head>
element in the DOM.
Any url that you would like to load. May be absolute or relative.
An object that contains HTML attributes to set on the <script>
tag. For
example, the value { id: 'hi' }
would set the attribute id="hi"
on the
<script>
tag before it is injected.
The HTML node to which the <script>
tag will be appended. If not specified,
defaults to the <head>
tag.
If true
, will not append script. Default value is false
Returns an array which can be destructed to [loading, script, error]
- loading: Remains
true
till script is loaded - script: Reference to the element
- error: error object containing message as string
MIT. Copyright (c) Eesa Abid.