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

Question

我正在尝试将 D3 与 React 一起使用，但是当我从文件夹加载外部 csv 或 json 文件时，它不起作用，而是 return [=13] 的数组=] 文件?

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);
})

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

Why I cannot loading external data from D3js in React?

external

fetch

d3.js

reactjs