почему я уже использую «import * как d3 из« d3 »», но все равно отображается ошибка «Попытка импорта»: «select» не экспортируется из «d3» (импортируется как «d3»)

Question

«Я уже использую импорт * как d3 из« d3 », но он показывает ошибку. Попытка импортировать ошибку:« select »не экспортируется из« d3 »(импортируется как« d3 »). Я совершенно сбит с толку, почему это показываетошибка. Может ли кто-нибудь помочь мне с этим вопросом? Спасибо "

import React, {Component} from 'react';
import * as d3 from "d3";

class BarChart extends Component{

  componentDidMount() {
    this.drawChart();
  }
drawChart(){
    const data = [12,5,6,5,9,10];
    const svg = d3.select("body").append("svg").attr("width", 
700).attr("height", 300);

    svg.selectAll("rect").data(data).enter().append("rect")
        .attr("x", (d, i) => i*70)
        .attr("y", 0)
        .attr("width", 25)
        .attr("height", (d, i) => d * 10)
        .attr("fill", "green");
}

  render() {
    return (
        <div id={"#" + this.props.id}></div>
    );
  }

}

export default BarChart;