TableNoSetState.js

import React from "react";

const getItems = prefix =>
  Array.from({ length: 5000 }, (_, index) => ({
    id: index,
    name: `${prefix} ${index}`
  }));


export default class TableNoSetState extends React.Component {
  state = {
    items: getItems('before mount')
  };

  componentDidMount() {
    this.setState({ items: getItems('after mount') });
  }

  render() {
    return (
        <table>
          <tbody>
            {this.state.items.map(item => (
              <tr key={item.id}>
                <td>#{item.id}</td>
                <td>{item.name}</td>
              </tr>
            ))}
          </tbody>
        </table>
      );
  }
}