моя таблица ответов не заполняется данными - PullRequest
Новая
       30

моя таблица ответов не заполняется данными

1 голос
/ 09 апреля 2020

Я работаю над простой таблицей, в которой я использую пакет response-table-6. Это компонент класса, в котором я сохранил свое состояние и выполняю componentDidMount и setState.

моя таблица не заполняется с данными, и первоначально я получал ответ, где утешал ответ, но теперь я получаю ошибку 404. Данные, которые я получаю от бэкэнда, представляют собой простой массив объектов, в котором нет вложенных объектов.

Это мой код. 

import React from "react";
import axios from "../bin/api/config";
import ReactTable from "react-table-6";
import "react-table-6/react-table.css";
export default class ReactTableComponent extends React.Component {
  constructor() {
    super();
    this.state = {
      users: []
    };
  }

  componentDidMount() {
    console.log("hello");
    axios
      .get("/admin/users", {
        headers: { Authorization: localStorage.getItem("authToken") }
      })
      .then(response => {
        console.log("response", response);
        const users = response.data;
        this.setState({ users });
      })
      .catch(err => {
        console.log(err);
      });
  }

  render() {
    const columns = [
      {
        Header: "Email",
        accessor: "email"
      },
      {
        Header: "Phone No",
        accessor: "phone"
      },
      {
        Header: "First Name",
        accessor: "firstname"
      },
      {
        Header: "Second Name",
        accessor: "lastname"
      },
      {
        Header: "Street",
        accessor: "street"
      },
      {
        Header: "Zip",
        accessor: "zip"
      },
      {
        Header: "City",
        accessor: "city"
      }
    ];
    return <ReactTable columns={columns} data={this.state.users} filterable />;
  }
}
...