Hola muchachos, ¿Alguién me puede hechar una manita? estoy iniciando mi proyecto con npm start pero el navegador se queda en blanco, ya r...

Pregunta de la clase:
JSX: JavaScript + HTML
William Armando Forero Bermeo

William Armando Forero Bermeo

Pregunta
studenthace 5 años

Hola muchachos, ¿Alguién me puede hechar una manita? estoy iniciando mi proyecto con npm start pero el navegador se queda en blanco, ya revisé mi código pero no veo error, acá les adjuto mi código

////////HolaMundo.jsx import React from 'react' const HolaMundo = () =>{ const name = "William Dev"; const isTrue = false; return( <div className="HolaMundo"> <h1>Hola Mundo</h1> <h2>Mi nombre es {name}</h2> {isTrue ? <img src="https://arepa.s3.amazonaws.com/react.png" alt="React Icon"/>: <h4>Es falsa la validación</h4>} {isTrue && <h3>Es verdadero</h3>} </div> ); }; export default HolaMundo; //////////////// Index.js import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App from './App'; import reportWebVitals from './reportWebVitals'; import HolaMundo from './Components/HolaMundo'; ReactDOM.render( HolaMundo, document.getElementById('root') ); // If you want to start measuring performance in your app, pass a function // to log results (for example: reportWebVitals(console.log)) // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals reportWebVitals();
3 respuestas
para escribir tu comentario
    William Armando Forero Bermeo

    William Armando Forero Bermeo

    studenthace 5 años

    Si!, era eso, muchachos muchas gracias !

    andrés eduardo betancourt bescanza

    andrés eduardo betancourt bescanza

    studenthace 5 años

    Tienes un componente hola mundo pero al momento de utilizar en el index.js lo estas haciendo mal. No le agregaste </>

    Deberia ser asi.

    import React from'react'; import ReactDOM from'react-dom'; import'./index.css'; import App from'./App'; import reportWebVitals from'./reportWebVitals'; import HolaMundo from'./Components/HolaMundo'; ReactDOM.render( <HolaMundo />, document.getElementById('root') ); // If you want to start measuring performance in your app, pass a function //to log results (for example: reportWebVitals(console.log)) // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals reportWebVitals();
    Luis Lira

    Luis Lira

    studenthace 5 años

    El componen se escribe así

    <HolaMundo />
    , también sería bueno que pongas la imagen de lo que está saliendo en consola para leer el error :)

Curso Práctico de React JS

Curso Práctico de React JS

React es una de las librerías más utilizadas hoy para crear aplicaciones web. Aprende a través de la creación de la interfaz de PlatziVideo todo lo que necesitas para crear increíbles componentes con React

Curso Práctico de React JS
Curso Práctico de React JS

Curso Práctico de React JS

React es una de las librerías más utilizadas hoy para crear aplicaciones web. Aprende a través de la creación de la interfaz de PlatziVideo todo lo que necesitas para crear increíbles componentes con React