React重新绘制带有标签的饼图问题

npm install react-vis

import React from 'react';
import { RadialChart } from 'react-vis';

const PieChart = () => {
  const data = [
    { angle: 1, label: 'A' },
    { angle: 2, label: 'B' },
    { angle: 3, label: 'C' },
  ];

  const config = {
    width: 400,
    height: 400,
    labelsRadiusMultiplier: 1.2,
    labelsStyle: { fontSize: 14 },
  };

  return <RadialChart data={data} {...config} />;
};

export default PieChart;

import React from 'react';
import PieChart from './PieChart';

const App = () => {
  return (
    <div>
      <h1>React Pie Chart</h1>
      <PieChart />
    </div>
  );
};

export default App;