Red de conocimiento informático - Material del sitio web - Cómo crear una página de inicio completa con reaccionarjs

Cómo crear una página de inicio completa con reaccionarjs

Pasos para crear una página frontal completa con reactjs: Preparación: paquete de instalación de React, se recomienda descargarlo e instalarlo desde el sitio web oficial 1. Utilice el código fuente de la página web de React, la estructura es aproximadamente el siguiente: Hay dos lugares a los que prestar atención en el código anterior. Primero, el atributo de tipo de la última etiqueta es texto/babel. Esto se debe a que la sintaxis JSX única de React es incompatible con JavaScript. Siempre que se utilice JSX, se debe agregar type="text/babel". En segundo lugar, el código anterior utiliza tres bibliotecas: reaccionar.js, reaccionar-dom.js y Browser.js, que deben cargarse primero. Entre ellos, react.js es la biblioteca central de React, react-dom.js proporciona funciones relacionadas con DOM y Browser.js se usa para convertir la sintaxis JSX en sintaxis JavaScript. Este paso requiere mucho tiempo. en línea, debería enviarlo al servidor para completarlo. 2. Convierta los archivos js en el subdirectorio src a sintaxis y coloque todos los archivos transcodificados en el subdirectorio de compilación. $babelsrc--out-dirbuild3. El renderizado se convierte en nodos HTML para facilitar el funcionamiento de dom: ReactDOM.render es el método más básico de React, que se utiliza para convertir la plantilla al lenguaje HTML e insertar el nodo DOM especificado. Aquí tomamos la inserción de helloworld como ejemplo para ilustrar ReactDOM.render(Hello, world!, document.getElementById('example'));