Me sale este error, cuando trato de ejecutar mi código:
TypeError: no se pueden leer las propiedades de undefined (leyendo 'mapa')
Aquí está mi código:
import React, { Component } from "react"; import _ from "lodash"; class TableBody extends React.Component { render() { const { data, columns } = this.props; return ( <tbody> {data.map((item) => ( <tr> {columns.map((column) => ( <td>{_.get(item, column.path)}</td> ))} </tr> ))} </tbody> ); } } export default TableBody;si los datos provienen de una solicitud remota, no están definidos en el primer procesamiento, hasta que llega una respuesta. O tal vez esté haciendo algún cálculo en el componente principal en el que los datos no están definidos cuando el componente se procesa. Puedes escribir tu código así:
const { data = [], columns = [] } = this.props;Que establece los valores en una matriz vacía si no están definidos.
Sin embargo, asegúrese de pasar una matriz y no otra cosa.