Estoy usando Reaccionar. Quiero trabajar con ganchos y, como estoy usando un tema personalizado, necesito usar muchos CDN. Quiero usar etiquetas de secuencias de comandos personalizadas para mis componentes funcionales. Escribí un método con useEffect pero no funciona correctamente. ¿Cómo accedo a los archivos js en mi carpeta de Activos en cada página?

por ejemplo, página de registro:

 import React, { useState } from "react"; import axios from "axios"; import useScript from "../../hooks/useScript"; import "../../assets/css/style.bundle.css"; import "../../assets/css/pages/wizard/wizard-5.css"; import "../../assets/plugins/custom/prismjs/prismjs.bundle.css"; import "../../assets/plugins/global/plugins.bundle.css"; function SignUpPage() { useScript("/src/assets/plugins/global/js/plugins.bundle"); ... }

useScript.js

 import { useEffect } from "react"; const useScript = (url) => { useEffect(() => { const script = document.createElement("script"); script.src = url; script.async = t; document.body.appendChild(script); return () => { document.body.removeChild(script); }; }, [url]); }; export default useScript;

También intenté usar los paquetes React-Helmet y React-Script-Tag . Pero no pude. También puse los archivos del script js en la carpeta pública y llamé a index.html . Esta vez trabajaron. Pero como tengo demasiados archivos script js, parece que no me es posible realizar una operación general.