如何在recharts图表中更改工具提示dataKey

import { LineChart, Line, XAxis, YAxis, Tooltip, Legend } from 'recharts';
import 'recharts/css/recharts.css';

const data = [
  { name: 'A', value: 10 },
  { name: 'B', value: 20 },
  { name: 'C', value: 30 },
];

<LineChart width={400} height={300} data={data}>
  ...
</LineChart>

<Line type="monotone" dataKey="value" stroke="#8884d8" />

<Tooltip content={<CustomTooltip />} />

import React from 'react';
import { LineChart, Line, XAxis, YAxis, Tooltip, Legend } from 'recharts';
import 'recharts/css/recharts.css';

const data = [
  { name: 'A', value: 10 },
  { name: 'B', value: 20 },
  { name: 'C', value: 30 },
];

const CustomTooltip = ({ active, payload, label }) => {
  if (active && payload && payload.length) {
    return (
      <div className="custom-tooltip">
        <p className="label">{`${label} : ${payload[0].value}`}</p>
      </div>
    );
  }
  return null;
};

const Chart = () => {
  return (
    <LineChart width={400} height={300} data={data}>
      <XAxis dataKey="name" />
      <YAxis />
      <Tooltip content={<CustomTooltip />} />
      <Line type="monotone" dataKey="value" stroke="#8884d8" />
    </LineChart>
  );
};

export default Chart;