На стороне сервера React-table не загружаются данные - PullRequest
Новая
       65

На стороне сервера React-table не загружаются данные

1 голос
/ 14 июля 2020

Я пытаюсь реплицировать таблицу реакций на стороне сервера на моем локальном компьютере. вот что я получил до сих пор. 

import React, { useEffect, useState } from 'react';
import ReactDOM from 'react-dom';
import axios from 'axios';
import ReactTable from "react-table";
const App = () => {
  const [data, setData] = useState([]);
  const [page, setPage] = useState(1);
  const [totalSize, setTotalSize] = useState(0);
  const [sortFieldQuery, setSortFieldQuery] = useState("");
  const [sortOrderQuery, setSortOrderQuery] = useState("asc");
  const [sizePerPageQuery, setSizePerPageQuery] = useState(10);
  const [loading, setLoading] = useState(false);

  useEffect(() => {
    const doFetch = async () => {
      setLoading(true);
      const response = await
        axios.get("http://127.0.0.1:8000/api/schools")
          .then(res => {
            setData(res.data.data);
            setTotalSize(res.meta.total);
            setLoading(false);
          })
          .catch(err => {
            console.log(err);
          });
    }
    doFetch();
  }, []);

  return (
    <ReactTable
      columns={[
        {
          Header: "First Name",
          accessor: "firstName"
        },
        {
          Header: "Last Name",
          id: "lastName",
          accessor: d => d.lastName
        },
        {
          Header: "Age",
          accessor: "age"
        }
      ]}
      data={data}

    />
  )
} export default App;

когда я запускаю браузер, он выдает такую ​​ошибку Пожалуйста, посмотрите изображение здесь

Я чешу затылок, потому что не знаю, где мои ошибки.

1 Ответ

1 голос
/ 14 июля 2020

Эта проблема может возникать из-за того, что export default App место.

Вместо 

const App = () =>{
....

} export default App;

Следуйте инструкциям ниже. 

const App = () =>{
...
};


export default App;
...