如何在反应中显示来自远程 .csv 文件的数据?

时间:2021-05-03 17:58:59

标签: javascript arrays reactjs papaparse

我正在尝试从此 .csv 链接中提取数据:https://raw.githubusercontent.com/MinCiencia/Datos-COVID19/master/output/producto74/paso_a_paso_T.csv 我正在使用 React Papaparse 并且我能够毫无问题地控制台.log 数组, 问题是该分支跟踪自 2020 年以来的信息,我只想显示可用的最新日期(他们每 2-3 天更新一次该分支),而我只需要显示“comuna_residencia”和“paso”的部分,我不知道不需要任何其他信息。 我已经测试了各种公式,但无法让它发挥作用。

1 个答案:

答案 0 :(得分:0)

好吧,我设法使用 useState 和 useEffect 显示信息,如下所示:

import { readRemoteFile } from "react-papaparse";

const App = () => {
  const [data, setData] = useState(null);

  useEffect(() => {
    readRemoteFile(
      "https://raw.githubusercontent.com/MinCiencia/Datos-COVID19/master/output/producto74/paso_a_paso_T.csv",
      {
        complete: (results) => {
          setData(results);
        },
      }
    );
  }, []);

  return (
    <div>
      {data ? (
        <p>{JSON.stringify(data)}</p>
      ) : (
        <div className="loader">Loading...</div>
      )}
    </div>
  );
};

export default App; ````


My question is, how I can filter to just get the last date available and also just the "comuna_residencia" and "paso"


Thanks in advance.