0

cómo va? Los molesto con un inconveniente que estoy teniendo con un proyecto en ReactJs.

Me figura el error TypeError: Cannot read properties of undefined (reading 'map'.

Mi código es éste:

import { Component } from "react";

const styles = { 
    DetallesCarro:{
        backgroundColor: '#fff',
        position: 'absolute',
        marginTop: 30,
        boxShadow: '1px 5px 5px rgb(0,0,0,0.3)',
        borderRadius:'5px',
        width:'300px',
        right:50,
    }
}

class DetallesCarro extends Component {
    render(){
        const { carro } = this.props
        console.log(carro)
        return (
            <div style={styles.DetallesCarro}>
                <ul>
                   {carro.map(x =>
                    <li key={x.name}>{x.name}</li>
                   )}
                </ul>
            </div>
        )
    }
}

export default DetallesCarro

Desde ya, muchísimas gracias!

3
  • En el console.log te imprime algo??
    – Alfa Rojo
    el 28 oct. 2021 a las 15:43
  • 1
    Hay que verificar si se esta enviando el tipo correcto carro desde el componente padre de DetallesCarro via props. ¿Puedes agregar el componente padre?
    – g.4
    el 28 oct. 2021 a las 17:46
  • Si pudieran agregar la respuesta anterior como comentario, ya no aparece, saludos
    – g.4
    el 28 oct. 2021 a las 21:21

1 respuesta 1

0

Lo más probable es que no esté llegando el array de carro o que inicie en undefined Prueba con carro?.map(...) para evitar este tipo de errores o inicia el estado como un array vacío

this.state = {
   carro: []
}

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.