如何在创建条形图后更改其背景颜色？

npm install react antd

import React from 'react';
import { BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, Legend } from 'recharts';

const data = [
  { name: 'A', value: 100 },
  { name: 'B', value: 200 },
  { name: 'C', value: 150 },
];

const CustomBarChart = () => (
  <BarChart width={400} height={300} data={data}>
    <CartesianGrid strokeDasharray="3 3" />
    <XAxis dataKey="name" />
    <YAxis />
    <Tooltip />
    <Legend />
    <Bar dataKey="value" fill="#8884d8" />
  </BarChart>
);

import React from 'react';
import ReactDOM from 'react-dom';
import CustomBarChart from './CustomBarChart';

ReactDOM.render(<CustomBarChart />, document.getElementById('root'));