SOLVED:NOT SOLVED ANYWHERE ON THIS FORUM :TypeError: Cannot read properties of undefined (reading 'map')

React
1

SOLVED: on moviesTable.jsx component , i forgot to pass Columns attributes on <TableBody data={movies} columns={this.columns}

Hello,

I saw few of the topics of this issue but no actual help or resolution?
Does this forum have moderator or assistant teacher that helps people?
Or this was complete waste of money and I should subscribe some where else where I can get actual help?

import React, { Component } from “react”;

import _ from “lodash”;

class TableBody extends Component {

render() {

const { data, columns } = this.props;

console.log(data, columns);

return (

  <tbody>

    {data.map((item) => (

      <tr>

        {columns.map((column) => (

          <td>{_.get(item, column.path)}</td>

        ))}

      </tr>

    ))}

  </tbody>

);

}

}

export default TableBody;

2

I tried setting default values to the variables, now it loads, but doesn’t load the actual ‘movies’ data and cannot see any movies ,even though it does respond to sorting and the number of ‘‘Showing 9 movies in the database.’’ changes, again, does not display actual movies.

Console.log(data,colums)
shows (4) [{…}, {…}, {…}, {…}] [], so I can see the movies in the log

import React, { Component } from “react”;

import _ from “lodash”;

class TableBody extends Component {

render() {

const { data = [], columns = [] } = this.props;

console.log(data, columns);

return (

  <tbody>

    {data.map((item) => (

      <tr>

        {columns.map((column) => (

          <td>{_.get(item, column.path)}</td>

        ))}

      </tr>

    ))}

  </tbody>

);

}

}

export default TableBody;