• Empleos
  • Sobre nosotros
  • profesionales
    • Inicio
    • Empleos
    • Cursos y retos
    • Preguntas
    • Profesores
  • empresas
    • Inicio
    • Publicar vacante
    • Nuestro proceso
    • Precios
    • Pruebas Online
    • Nómina
    • Blog
    • Comercial
    • Calculadora de salario

0

107
Vistas
pasar accesorios de padres a hijos en reaccionar

Quiero pasar accesorios del padre a varios componentes secundarios, pero finalmente aparece el error Cannot read properties of undefined (reading 'props') App.js:

 render() { const {currentUser} = this.props return ( <div id="App" className='loader'> <BrowserRouter> <Routes> <Route path='women' element={<Women currentUser={currentUser} />} />

Mujeres.js:

 render() { const { isLoading } = this.state; if (isLoading) { return null; } const {currentUser} = this.props return ( <div> <div className='container mx-auto'> <HomeHeaderW style={{ backgroundColor: "#fff2e0" }} currentUser={currentUser} />

InicioEncabezadoW.js:

 function HomeHeaderW() { const {currentUser} = this.props const [isLogged, setLogged] = useState(false); useEffect(() => { if(currentUser) { setLogged(true) } });

No sé por qué me sale el error indefinido, ¿tienes alguna idea sobre esto? ¿O lo estoy haciendo de la manera incorrecta?

almost 3 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

HomeHeaderW es un componente basado en funciones ( Women y App son componentes basados en clases), no puede obtener accesorios de this.props

Deberías pasar tus apoyos a los parámetros.

 function HomeHeaderW(props) { const { currentUser } = props; const [isLogged, setLogged] = useState(false); useEffect(() => { if (currentUser) { setLogged(true) } });

Puede consultar este documento para una mejor comprensión.

almost 3 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Nuestro proceso Comercial
Legal
Términos y condiciones Política de privacidad
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recomiéndame algunas ofertas
Necesito ayuda