d3.js 无法从React组件中的d3导入d3.hexbin

1bqhqjot 于 2022-11-12 发布在 React

关注(0)|答案(1)|浏览(140)

我有一个类似this post的问题。不幸的是，那里的解决方案对我不起作用。我如何在react组件中使用d3.hexbin？我已经将它包含在依赖项中并安装了它。

"dependencies": {
"d3": "^7.3.0",
"d3-hexbin": "^0.2.2"

}
我导入的d3原来就是这样的：

import * as d3 from 'd3';

除了hexbin，我可以使用大多数模块，并能够做散点图和条形图到目前为止。我是相当新的，很抱歉，如果我错过了一些明显的，请让我知道。谢谢！

1条答案

如果您使用的是Typescript，请首先确保您已经将@types/d3-hexbin安装到devDependencies中。
您是否尝试：

import * as d3 from ‘d3-hexbin’

const hexbin = d3.hexbin

如果您已经有一个d3示例，则可以将导入重命名为：

import * as d3Hexbin from 'd3-hexbin'

const {hexbin} = d3Hexbin

导入库后，以下是如何在一行中进行解构和重命名：

const {hexbin: d3HB} = d3Hexbin