react-external-script-loader
Library for loading external scripts
Install
npm install react-external-script-loaderyarn add react-external-script-loader
Usage
; ... <Loader url="https://vk.com/js/api/openapi.js?160" global="VK" />
Component
Options
Property | Type | Description |
---|---|---|
url(required) | string | Url of external script |
global(required) | string | name of object if it loads successfully |
options | object | Script options - possible keys: {type, charset, async, defer}. You can ckeck it here |
onLoad | function | Called when script loaded (global: object): void |
onError | function | Called when script loading was failed void |
Basic example
; Component state = load: false ; { const load = thisstate; return <div className="App"> <h1>React External Script Loader Example</h1> <button onClick= this> Load external script </button> load && <> <div id="vk_playlist_-2000646569_646569" /> <Loader url="https://vk.com/js/api/openapi.js?160" global="VK" onLoad= VKWidgets /> </> </div> ; } const rootElement = document;ReactDOM;
You can clone this repository and check example
git clone https://github.com/mmarkelov/react-external-script-loader.gitcd ./react-external-script-loader/exampleyarn && yarn run dev
TODO
- Add tests
- Write clearer description
- Write more examples