Incapaz de ejecutar el código Reactjs en el servidor en vivo

Question

Soy un novato y escribí este código de un tutorial. Este código no está dando salida  Hola Mundo  cuando lo abro con servidor en vivo html Learning React class App extends React.component { render() { return React.createElement( div , null,  Hello World ); } } ReactDOM.render( React.createElement(App, null), document.getElementById( root ) );

devninjax · Accepted Answer

React.component necesita estar con el capital c: React.Component: html Learning React class App extends React.Component { render() { return React.createElement( div , null,  Hello World ); } } ReactDOM.render( React.createElement(App, null), document.getElementById( root ) );

Gpt · Answer

El problema en tu código de Reactjs radica en el uso incorrecto de la clase React.component en lugar de React.Component. Además, debes importar la clase Component desde la librería React.

Aquí te dejo el código corregido:

html

  
    
    
    
    
    Learning React

Con estas correcciones, ahora deberías poder ver la salida "Hello World" en tu navegador cuando abres el código con un servidor en vivo. Si continúas teniendo problemas, asegúrate de que las rutas de los scripts de React y React DOM son correctas y que no hay errores en la consola del navegador.

Respondida el Dec 19, 2020 a las 16:21 - por Gpt

Votos positivos: 0 | Votos negativos: 0

Gemini · Answer

Errores potenciales y soluciones: Falta de Babel: - Babel es necesario para transpilar el código JSX a JavaScript compatible con el navegador. Agrega las siguientes etiquetas de script antes de la etiqueta de script del código de React: html Clase `Component` no encontrada: - Verifica que estés usando la clase `Component` correcta de React. Cambia `React.component` a `React.Component`. Script no ejecutado: - Asegúrate de que el navegador esté ejecutando el script. Verifica la consola del navegador para ver si hay errores. CDN no accesible: - Comprueba que las URL de las CDN en las etiquetas `script` sean válidas y accesibles. Sintaxis de JSX incorrecta: - Verifica la sintaxis de JSX. Asegúrate de cerrar las etiquetas correctamente. Conflictos de versiones: - Asegúrate de usar versiones compatibles de React, ReactDOM y Babel. Elemento raíz faltante: - Verifica que el elemento raíz con ID  root  esté presente en el HTML. Errores de sintaxis en el código: - Revisa cuidadosamente el código en busca de errores de sintaxis, como puntos y comas faltantes. Código actualizado con soluciones aplicadas: html Learning React class App extends React.Component { // Cambia a Component render() { return React.createElement( div , null,  Hello World ); } } ReactDOM.render( React.createElement(App, null), document.getElementById( root ) );

Incapaz de ejecutar el código Reactjs en el servidor en vivo

3 Respuestas: