fbpx

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

  • 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?