react dynamic load script 1

react dynamic load script

ByAnurag batra 
function loadScript(src: string): void {
  const tag = document.createElement('script')
  tag.async = false
  tag.src = src
  tag.type = "module" // if it's a module
  document.body.appendChild(tag)
}

Here is what the above code is Doing:
1. It’s creating a script tag
2. It’s setting the src attribute to the URL of the script we want to load
3. It’s appending the script tag to the document body
4. It’s setting the async attribute to false
5. It’s setting the type attribute to module

The async attribute tells the browser to load the script asynchronously.
This means that the browser will load the script in the background without blocking the page.

The type attribute tells the browser that the script is a module.
This means that the browser will treat the script as a module and not as a regular script.

The browser will load the script and execute it.

The script will create a new module and export a function called loadScript.

The loadScript function will take a URL as an argument and load the script from that URL.

The script will also create a new module and export a function called loadScript.

The loadScript function will take a URL as an argument and load the script from that URL.

The script will also create a new module and export a function called loadScript.

The loadScript function will take a URL as an argument and load the script from that URL.

The script will also create a new module and export a function called loadScript.

The loadScript function will take a URL as an argument and load the script from that URL.

The script will also create a new module and export a function called loadScript.

The loadScript function will take a URL as an argument and load the script from that URL.

The script will also create a new module and export a function called loadScript.

The loadScript function will take a URL as an argument and load the script from that URL.

The script will also create a new module and export a function called loadScript.

The loadScript function will take a URL as an argument and load the script from that URL.

The script will also create a new module and export a function called loadScript.

The loadScript function will take a URL as an argument and load the script from that URL.

The script will also create a new module and export a function called loadScript.

The loadScript function will take a URL as an argument and load the script from that URL.

The script will also create a new module and export a function called loadScript.

The loadScript function will take a URL as an argument and load the script from that URL.

The script will also create a new module and export a function called loadScript.

The loadScript function will take a URL as an argument and load the script from that URL.

The script will also create a new module and export a function called loadScript.

The loadScript function will take a URL as an argument and load the script from that URL.

The script will also create a new module and export a function called loadScript.

The loadScript function will take a URL as an argument and load the script from that URL.

The script will also create a new module and export a function called loadScript.

The loadScript function will take a URL as an argument and load the script from that URL.

The script will also create a new module and export a function called loadScript.

The loadScript function will take a URL as an argument and load the script from that URL.

The script will also create a new module and export a function called loadScript.

The loadScript function will take a URL as an argument and load the script from that URL.

The script will also create a new module and export a function called loadScript.

The loadScript function will take a URL as an argument and load the

Similar Posts

pass params axios get react

pass params axios get react

ByAnurag batra

const params = new URLSearchParams([[‘answer’, 42]]); const res = await axios.get(‘https://httpbin.org/get’, { params }); res.data.args; // { answer: 42 } Here is what the above code is Doing: 1. Create a new URLSearchParams object with a single key/value pair. 2. Pass the URLSearchParams object to the params option of axios.get(). 3. The params option is…

styling scrollview height in react native

styling scrollview height in react native

ByAnurag batra

// Add scrollView to all Views on the interface, mainly on the ScrollView component // and height to 100% for the ScrollView component Here is what the above code is Doing: 1. The ScrollView component is a container that can host multiple components and views which can be scrolled. 2. The contentContainerStyle property is used…

remove undefined from array javascript

remove undefined from array javascript

ByAnurag batra

var colors=[“red”,”blue”,,null,undefined,,”green”]; //remove null and undefined elements from colors var realColors = colors.filter(function (e) {return e != null;}); console.log(realColors); Here is what the above code is Doing: 1. We create an array called colors with some elements. 2. We create a new array called realColors. 3. We use the filter() method to filter out the…

enzyme TypeError: Cannot read property ‘child’ of undefined

enzyme TypeError: Cannot read property ‘child’ of undefined

ByAnurag batra

downgrade to this version “react”: “^16.13.1”, “react-dom”: “^16.13.1”, “enzyme”: “^3.11.0”, “enzyme-adapter-react-16”: “^1.15.5”, “enzyme-to-json”: “^3.6.1”, Here is what the above code is Doing: 1. We’re importing the shallow function from the enzyme library. 2. We’re importing the SearchBar component. 3. We’re creating a new instance of the SearchBar component. 4. We’re using the shallow function to…