代码之家  ›  专栏  ›  技术社区  ›  Nhat

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

  •  1
  • Nhat  · 技术社区  · 6 年前

    我试图将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)
        })
    
    1 回复  |  直到 6 年前
        1
  •  1
  •   Tholle    6 年前

    d3.csv 将向给定的路径发送请求,因此必须确保服务器为该文件提供服务,而不是文件系统路径。

    你可以把文件放在 public /Book1.csv 取而代之的是路径。

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