Estoy agregando secuencias de comandos dinámicamente a mi aplicación de reacción como esta
export const appendScript = (scriptToAppend : string) => { const script = document.createElement("script"); script.src = scriptToAppend; script.async = true; script.type = "text/jsx"; document.body.appendChild(script); }Componente de la aplicación
class App extends React.Component { componentDidMount() { appendScript("./assets/custom.min.js"); } }archivo personalizado.min.js
$(document).ready(function(){ alert("ready"); })Verifique la respuesta en https://stackoverflow.com/a/34425083/13558764 .
O puede probar el paquete "react-helmet".
Aquí hay un ejemplo de uso.
import React from "react"; import {Helmet} from "react-helmet"; class Application extends React.Component { render () { return ( <div className="application"> <Helmet> <script src="https://use.typekit.net/foobar.js"></script> <script>try{Typekit.load({ async: true });}catch(e){}</script> </Helmet> </div> ); } };