reactjs - 为什么我无法在 React 中从 D3js 加载外部数据？

Question

我尝试将 D3 与 React 一起使用，但是当我从文件夹加载外部 csv 或 json 文件时，它不起作用，而是返回 html 文件的数组？

import React from 'react';
import * as d3 from "d3";

class D3 extends React.Component{
constructor(props){
    super(props);
}

componentDidMount = () => {
    this.startD3();
}

startD3 = () => {
    d3.csv("/data/Book1.csv").then((data) => {
        console.log(data)
    })

Answer 1

d3.csv 将向指定的路径发送请求，因此您必须确保该文件由您的服务器提供，并且它不是文件系统路径。

您可以将该文件放入 public 文件夹中，然后仅使用 /Book1.csv 路径。

d3.csv("/Book1.csv").then((data) => {
  console.log(data);
})