尝试导入错误:“事件”未从“d3”导出

Max*_*Max 5 d3.js reactjs

我正在尝试使用 D3 在我的 React 应用程序上添加事件和工具提示

我收到以下错误

尝试导入错误:“事件”未从“d3”导出(导入为“d3”)。 d3版本是“d3”:“^6.2.0”,似乎无法从库中找到事件

import React, { Component } from 'react';
import '../App.css';
import * as d3 from 'd3';
import ReactFauxDom from 'react-faux-dom';


        let toolTip = d3.select('body').append('div')
            .style('position', 'absolute')
            .style('background', '#cccccc')
            .style('opacity', '0')
            .style('padding', '10px')
            .style('border', '1px #000000 solid')
            .style('border-radius', '5px')



.on('mouseover', (d) => {
                tooltip.style('opacity', 1);
                tooltip.html(d)
                    .style('left', (d3.events.pageX) + 'px')
                    .style('top', (d3.events.pageY) + 'px')
            })
            .on('mouseout', (d) => {
                tooltip.style('opacity', 0);
            })
Run Code Online (Sandbox Code Playgroud)