请教一个 React 问题

我有一个 class Chart 组件用来绘制图表
现在有一个 data[]数组存储若干组数据
我做了一个下拉框，希望能在选择不同的数据来绘制图表
我现在的情况是默认使用 data[0]绘制数据，但是下拉框更新后，图表不会更新 这种希望图表能随着选择重新渲染、绘制的情况，有没有什么解决方案 这个图表初始为空，点击一次下拉框后出现，再选择下拉框就不会变了

class Main extends Component {
  constructor(props) {
       super(props);
       this.state = {
          value: 0,
          chart: this.draw(0),
       };
    this.handleChange = this.handleChange.bind(this);
    this.draw = this.draw.bind(this);
  }

  handleChange(event) {
    this.setState({
      value: event.target.value,
      chart: this.draw(event.target.value),
    });
  }

  draw(index) {
    return (
    <Chart data={this.props.data[index]}></Chart>
     );
  };

  render() {
    var options = <></>
    for (let i = 0; i < this.props.childrenNumber; i++) {
          options = <>{options}<option value={i}>{i+1}</option></>
    }
    return (
      <div>
      <select value={this.state.value} onChange={this.handleChange}>
       {options}</select>
       {this.state.chart}
      </div>
    )
  }
}