Me gustaría agregar a mi componente de reacción un
<script>http://xxx.xxx/XX.js</script>
Sé que simplemente puedo agregarlo usando JSX, lo que no sé es cómo usarlo,
por ejemplo, este script tiene una función llamada A.Sort() , ¿cómo puedo llamarlo y usarlo desde un componente?
Puede cargar el script de forma asíncrona y acceder a él durante la carga.
componentDidMount() { const script = document.createElement("script"); script.src = "/static/libs/your_script.js"; script.async = true; script.onload = () => this.scriptLoaded(); document.body.appendChild(script); } Debe quedar pegado a la window .
scriptLoaded() { window.A.sort(); }o
scriptLoaded() { A.sort(); }Puede incluir la etiqueta en /public/index.html y luego usar el script como lo usa en el código JS normal, siguiendo el ejemplo si desea usar jQuery:
en su public/index.html incluya lo siguiente:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>Y luego, en cualquier lugar, puede usar la funcionalidad jQuery como de costumbre:
window.$("#btn1").click(function(){ alert("Text: " + $("#test").text()); });Puedes usar React Helmet npm
paso 1: npm i react-casco
paso 2 :
<Helmet> <script src="/path/to/resource.js" type="text/javascript" /> </Helmet>