fbpx

No arroja la info de los h1 en el archivo profile.jsx

Etiquetado: , ,

  • No arroja la info de los h1 en el archivo profile.jsx

    Posted by EDGARDO on 13 noviembre, 2023 en 4:10 pm

    Que tal en el modulo de componentes, functional components no me arroja en pantalla el mensaje del h1 en ninguna de las 3 formas…:(<div>

    //Aqui el arhivo profile.jsx

    import React from ‘react’;

    /* const Profile =()=>{

    return(

    <h1>Soy un componente de funcion</h1>

    )

    } */

    /*function Profile(){

    return(

    <h1>Soy un componente de funcion de es5</h1>

    )

    }*/

    const Profile=()=>(

    <h1>Hola soy mas sencillo</h1>

    )

    export default Profile;

    //Aqui EL App.js

    import logo from ‘./logo.svg’;

    import ‘./App.css’;

    import UserComponent from ‘./components/user’;

    import Profile from ‘./components/user/profile’;

    function App() {

    return (

    <div className=”App”>

    <header className=”App-header”>

    logo

    Hola Mundo desde React! 😀

    Edgar Carmona

    </header>

    <UserComponent/>

    </div>

    );

    }

    export default App;

    </div>

    Angel Sánchez respondido 7 meses, 1 semana 2 Miembros · 3 Respuestas
  • 3 Respuestas
  • Angel Sánchez

    organizador
    13 noviembre, 2023 en 4:43 pm

    Parece que estás teniendo problemas para renderizar el componente Profile en tu aplicación de React. A simple vista, el código parece estar bien. Sin embargo, me gustaría hacer un par de comprobaciones para ayudarte a solucionar este problema.

    1. Asegúrate de estar importando el componente Profile correctamente en App.js: Verifica que la ruta del archivo sea correcta y que estés importando el componente de la manera adecuada.

    2. Verifica si estás utilizando el componente Profile en App.js: No veo que estés utilizando el componente Profile dentro de App en tu código. Necesitas añadir <Profile /> dentro del return de App para que se muestre en la interfaz.

    Intenta modificar App.js de la siguiente manera:

    import React from 'react';

    import logo from './logo.svg';

    import './App.css';

    import UserComponent from './components/user';

    import Profile from './components/user/profile';

    function App() {

    return (

    <div className="App">

    <header className="App-header">

    {logo}

    Hola Mundo desde React! Edgar Carmona

    <Profile /> {/* Asegúrate de añadir esta línea */}

    <UserComponent/>

    </header>

    </div>

    );

    }

    export default App;

    Luego de realizar estos cambios, ¿sigues teniendo problemas para ver el mensaje del h1 en pantalla?

  • EDGARDO

    Miembro
    13 noviembre, 2023 en 5:00 pm

    excelente, gracias , si faltaba llamar <Profile /> en app.js 🙂

    • Angel Sánchez

      organizador
      13 noviembre, 2023 en 5:21 pm

      De nada, saludos 😀

Inicia sesión para responder.

Start of Discussion
0 de 0 respuestas Junio 2018
Ahora