useInjectScript - Code Snippet

Bạn có thể sử dụng code dưới đây để chèn một file JS vào dự án React của bạn!

components/useInjectScript.js

import { useEffect } from "react"
 
export const useInjectScript = (src: string) =>
  useEffect(() => {
    // @ts-ignore
    if (window.__custom_injected__) return
    // @ts-ignore
    window.__custom_injected__ = true
 
    const script = document.createElement("script")
    script.src = src
    script.defer = true
 
    const onScriptError = () => script.remove()
    script.addEventListener("error", onScriptError)
 
    document.body.appendChild(script)
  }, [])

pages/index.js

import { useInjectScript } from 'components/useInjectScript'
 
const Component = () => {
  useInjectScript('https://phannhatchanh.com/xxx/lib.js')
  
  return (
    <>
      <h1>Hello World</h1>
    </>
  )
}