无法从反应组件中的 d3 导入 d3.hexbin

Can't import d3.hexbin from d3 in react component

我遇到了与 this post 类似的问题。 不幸的是,那里的解决方案对我没有用。 如何在 React 组件中使用 d3.hexbin? 我已经将它包含在依赖项中并安装了它。

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

}

我最初是这样导入d3的:

import * as d3 from 'd3';

除了 hexbin 之外,我可以使用大多数模块,并且到目前为止能够制作散点图和条形图。 我对此很陌生,如果我遗漏了一些明显的东西,我很抱歉,请告诉我。 谢谢!

如果您使用的是 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

这是a working sandbox