Quiero integrar mi aplicación de reacción a una aplicación de terceros que me permita colocar un script que agregue los elementos al html.
Pero parece que no es tan sencillo reaccionar. La secuencia de comandos no agrega los elementos, por lo que mi componente personalizado no aparece en la página.
Esto es lo que estoy tratando de hacer (pero no una esencia):
function Snippet){ return ( <Wrapper> <h1> Snippet 1</h1> <script src="https://gist.github.com/xxxx/e4208e452e32e353b6076944c80a1058.js"></script> </Wrapper> ) }¿Hay alguna manera de hacer esto con solo reaccionar?
Hola. Volviendo a esta consulta, encontré un paquete npm que permite la incorporación de github gist en un componente de reacción.
Después de la implementación del componente Gist en el paquete, también podemos implementar el código mediante programación en lugar de pegar el script de implementación directamente en el componente y funcionará perfectamente.
export default class DeployedComponent extends React.Component{ constructor(props){ super(props); } componentDidMount(){ (function(props,doc,elementName,id){ let jsElement; if(doc.getElementById(id)){ return; } jsElement = doc.createElement(elementName); jsElement.id = id; jsElement.src= "deployment_script_src"; doc.getElementsByClassName("cb-deployment-wrapper")[0].appendChild(jsElement); })(this.props, document,"script","script_id"); } render(){ return ( <div className="w-100 cb-deployment-wrapper "> </div> ); } }