如何从React js中的State中获取chart js Pie Chart的数据？

import React, { Component } from 'react';
import { Pie } from 'react-chartjs-2';

class ChartComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      chartData: [],
    };
  }

  componentDidMount() {
    // 异步请求或其他方式获取数据
    // 假设获取到的数据为chartDataArray
    const chartDataArray = [
      { label: 'A', value: 10 },
      { label: 'B', value: 20 },
      { label: 'C', value: 30 },
    ];
    this.setState({ chartData: chartDataArray });
  }

  render() {
    const { chartData } = this.state;

    const data = {
      labels: chartData.map((data) => data.label),
      datasets: [
        {
          data: chartData.map((data) => data.value),
          backgroundColor: ['red', 'green', 'blue'],
        },
      ],
    };

    return (
      <div>
        <Pie data={data} />
      </div>
    );
  }
}

export default ChartComponent;