Soy un estudiante de primer año de javascript y reacciono. Mi pregunta es: ¿Cómo convertir el siguiente código para reaccionar?
<div id="SOHUCS" sid="xxx"></div> <script charset="utf-8" type="text/javascript" src="https://cy-cdn.kuaizhan.com/upload/changyan.js" ></script> <script type="text/javascript"> window.changyan.api.config({ appid: 'xxx', conf: 'xxxxx' }); </script>componentDidMount() import React, {Component} from "react"; import ReactDOM from "react-dom"; import "./styles.css"; class App extends Component { componentDidMount() { const script = document.createElement("script"); script.async = true; script.src = "https://some-scripturl.js"; this.div.appendChild(script); } render() { return ( < div className = "App" ref = { el => (this.div = el) } > < h1 > Hello react < /h1> { /* Script is inserted here */ } < /div> ); } } export default App;react-helmetReact helmet es una biblioteca npm que administra el administrador de encabezado del navegador. Es muy fácil cambiar las líneas de código de la página web dentro de una etiqueta de encabezado. Primero, instale react-helmet con el comando npm install
npm install react-helmetAgrega la dependencia a package.json
"dependencies": { "react-helmet": "^6.1.0", } Complete el código del componente para agregar una etiqueta de script al componente usando react-helmet.
import React, { Component } from 'react'; import { Helmet } from 'react-helmet'; class AddingScriptExample extends Component { render() { return ( <div className="application"> <Helmet> <script src="https://use.typekit.net/hello.js" type="text/javascript" /> </Helmet> ... </div> ); } } export default AddingScriptExample;No puede convertir un sitio web html en un proyecto de reacción. Solo puede crear un nuevo proyecto de reacción y recrear su sitio adaptando su código en el archivo de la aplicación. Para crear una aplicación de reacción, puede utilizar este sitio web .