如何使用D3 json或csv与React组件。

Question

通常我会像下面这样写，当涉及到D3。

var q = d3.queue()
    q.defer(d3.json, "/data/tokyo.json")
      .defer(d3.csv,  "/data/city_name.csv")
      .await(mainFunc);

function mainFunc(_error, _json, _csv){
  .....
}

但是我不知道如何在React Component中编写代码。 它应该像这样导入。

import {queue} from 'd3-queue'
import {json} from 'd3-json' // <- There is no npm package.
import {csv} from 'd3-csv'   // <- There is no npm package.

var q = d3.queue()
    q.defer(json, "/data/tokyo.json")
      .defer(csv,  "/data/city_name.csv")
      .await(mainFunc);

但是，npm和d3-json没有d3-csv模块。 我该如何编写代码？

Answer 1

您导入名称queue，但不要在任何地方使用它。而是使用您根本没有导入的名称d3。您要搜索的npm包是d3-request：

import {queue} from 'd3-queue';
import {json, csv} from 'd3-request';