要创建一个饼图的React组件，你可以使用第三方库（如Recharts）来帮助你实现。下面是一个示例代码：

首先，安装Recharts库：

npm install recharts

然后，创建一个PieChart组件：

import React from 'react';
import { PieChart, Pie, Cell, Legend, Tooltip } from 'recharts';

const data = [
  { name: 'A', value: 400 },
  { name: 'B', value: 300 },
  { name: 'C', value: 300 },
  { name: 'D', value: 200 },
];

const COLORS = ['#0088FE', '#00C49F', '#FFBB28', '#FF8042'];

const PieChartComponent = () => {
  return (
    
      
        {data.map((entry, index) => (
          
        ))}
      
      
      

    
  );
};

export default PieChartComponent;

在这个示例中，我们使用Recharts库的PieChart、Pie、Cell、Legend和Tooltip组件来创建饼图。我们定义了一个data数组来存储图表的数据。然后，我们使用map方法为每个数据项创建一个Cell组件，并使用不同的颜色填充。最后，我们将饼图、提示框和图例添加到PieChart组件中。

你可以在父组件中使用这个PieChart组件，像这样：

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

const App = () => {
  return (
    

      
饼图示例
      
    
  );
};

export default App;

通过将PieChartComponent组件包含在App组件中，我们可以将饼图显示在屏幕上。

这只是一个简单的示例，你可以根据你的需求进行修改和定制。希望对你有所帮助！