Bueno resulta que estoy intentado devolver unos datos que mi componente hereda de su padre. Utilizo lodash para poder acceder a esos datos, pero el dato de la imagen es un array con 3 objetos, deberia poder dibujar uno por cada iteracion. que estoy haciendo mal?
este es mi codigo:
render() {
const items = _
.chain(this.props.misitems)
.filter(item => item)
.flatMap(data => data)
.map(item => _.pick(item, ['name', 'title', 'description', 'images_group']))
.value()
aqui se lo paso al html:
return (
{
items.map((element, index) => (
<div className='contendor' key={index}>
<h1>{element.description}</h1>
<h2>{element.description}</h2>
{// esta parte falla.
element.images_group.map(i => i.slider).map(r => (
<img alt='' src={r.mobile} key={index} />
))
}
</div>
</div>
</div>
))
)
el error dice :
element.images_group.map is not a function
Muchas gracias!
items
? es con los filtros aplicados o no?