¿porque me sale este error “TypeError: Cannot read property ‘map’ of undefined” si tengo la componente definida?

publicado por: Anonymous

tengo mi componente definida en moviesTable.jsx <TableBody data = {this.props.movies} /> y en tableBody.jsx uso la funcion map anidandola, es decir dos veces uso map pero no se porque me dice undefined, no veo que mi codigo este mal, ya busque en otros foros y decian que debia definirla con this.props, pero yo si la tengo definida, no creo que sea porque la uso dos veces puesto que tengo una tabla asique no se que es lo que esta mal realmente, el error me marca la linea 21 donde empieza el primer map.

_x000D_

_x000D_

import React, { Component } from 'react';_x000D_
import _ from 'lodash';_x000D_
_x000D_
class TableBody extends Component {_x000D_
   renderCell = (item, column) => {_x000D_
       if(column.content) return column.content(item);_x000D_
_x000D_
       return _.get(item, column.path);_x000D_
   }_x000D_
_x000D_
   createKey = (item, column) => {_x000D_
       return item._id + (column.path || column.key);_x000D_
   }_x000D_
   _x000D_
    render() { _x000D_
        const { data, columns } = this.props;_x000D_
_x000D_
        return ( _x000D_
            <tbody>_x000D_
               {data.map(item => (_x000D_
                <tr key = {item._id}>_x000D_
                    {columns.map(column => <td key = {this.createKey(item, column)}>{this.renderCell(item, column)}</td>)}_x000D_
                </tr>))}_x000D_
            </tbody>_x000D_
         );_x000D_
    }_x000D_
}_x000D_
 _x000D_
export default TableBody;

_x000D_

_x000D_

_x000D_

solución

es cierto que no estaba definiendo las columnas <TableBody data = {this.props.movies} columns = {this.columns} /> esto si me funciona!!

Respondido por: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *