小编Vis*_*nti的帖子

使用 API 在 React-Table 中创建数据

我是 React.js 的超级新手,想在这里使用这个 api:https : //covidtracking.com/api/v1/states/current.json 来创建一个包含最新 COVID-19 数据的表来自美国各州。问题是,当我呈现应用程序时,我似乎无法将数据上传到表格中。任何帮助将不胜感激,谢谢。

import React, { useMemo, useState, useEffect } from "react";
import axios from "axios";
import Table from "./Table";
import "./App.css";

function App() {

  const [loadingData, setLoadingData] = useState(true);
  const columns = useMemo(() => [
    {
      Header: "State",
      accessor: "show.state",
    },
    {
      Header: "Positive Cases",
      accessor: "show.positive",
    },
    {
      Header: "Recovered Cases",
      accessor: "show.recovered",


    },
    {
      Header: "Deaths",
      accessor: "show.death",
    },
    {
      Header: "Total Tested",
      accessor: "show.total",
    }

  ]);

  const [data, setData] …
Run Code Online (Sandbox Code Playgroud)

reactjs axios react-table

3
推荐指数
1
解决办法
5669
查看次数

标签 统计

axios ×1

react-table ×1

reactjs ×1