react export ‘event‘ (imported as ‘d3‘) was not found in ‘d3‘

youdation

已于 2022-04-10 11:13:22 修改

阅读量4.1k

点赞数 1

分类专栏： d3 react 文章标签： react.js

于 2022-04-10 11:07:58 首次发布

本文链接：https://blog.csdn.net/a1umil/article/details/124069850

版权

D3.js React 18.0 事件处理错误修复 JavaScript

关键词由CSDN通过智能技术生成

d3 同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

react

1 篇文章 0 订阅

订阅专栏

环境d3 v7
react 18.0

import * as d3 from 'd3';
.on("mouseover",function(e){
                d3.select(this).attr("fill","#f34848")
                console.log(g.node(parseInt(e.toElement.__data__)).description)
                tooltip.html(g.node(parseInt(e.toElement.__data__)).description)
                    .style('left',(d3.event.pagex)+'px')
                    .style('top',(d3.event.pagey)+'px')
                    .style('opacity',1.0)
            })

报错
export ‘event’ (imported as ‘d3’) was not found in ‘d3’
原因：
事件是function(e) 中e，不是d3.event

import * as d3 from 'd3';
.on("mouseover",function(e){
                d3.select(this).attr("fill","#f34848")
                console.log(g.node(parseInt(e.toElement.__data__)).description)
                tooltip.html(g.node(parseInt(e.toElement.__data__)).description)
                    .style('left',(e.pagex)+'px')
                    .style('top',(e.pagey)+'px')
                    .style('opacity',1.0)
            })