Как визуализировать данные из состояния в таблице React?

Question

В настоящее время я использую React Table для создания таблицы для ввода моих данных.Данные выталкиваются с сервера и обновляются в состоянии.Состояние «Имена» представляет собой массив хэшей с 2 ​​ключами, номером и именем.

Однако таблица не обновляется никакими данными.

Любая помощь будет высоко ценится.

class Table extends Component {
  state = {
    names: []
  };

  connectSocket = () => {
    const socketURL = 'http://localhost:3001/';
    const socket = io(socketURL);
    socket.on('connect', () => {
      console.log('connected socket server');
    });
    socket.io.on('connect_error', () => {
      console.log('Error connecting to server');
    });
    socket.on('updates', (data) => {
      this.setState(
        {
          names: data
        },
        () => {
          // console.log(this.state.names);
        }
      );
    });
  };

  componentDidMount() {
    this.connectSocket();
  }

  render() {
    const columns = [
      {
        Header: 'ID',
        accesor: 'number',
        sortable: false
      },
      {
        Header: 'Number',
        accesor: 'number',
        sortable: true
      },
      {
        Header: 'Name',
        accesor: 'name',
        sortable: false
      }
    ];
    return (
      <div>
        <ReactTable
          columns={columns}
          data={this.state.names}
          noDataText={'Loading...'}
        />
      </div>
    );
  }
}

Answer 1

опечатки в столбцах.Изменить аксессор на аксессор