Javascript 使用表格数据自定义React Antd表格标题

在我的React项目中，我需要定制如下的antd表头

我在下面添加了示例代码

我需要在金额列的标题中有金额的总和

示例代码：

---

您可以像这样使用title函数来获取总额字段

const columns = [

    {
      title: () => { 
        var total = 0;
        for(var i=0;i<data.length;i++){
          total += data[i].amount;
        }
        return <div>total {total}</div>;
      } ,
      dataIndex: "date",
      width: 200
    },
    {
      title: "Amount",
      dataIndex: "amount",
      width: 100
    }
  ];

const列=[
{
标题：（）=>{
var合计=0；
对于（var i=0；i