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

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

1 个答案: