Javascript 在页面上计算页脚和在搜索上排序时更改，我们如何实现这一点

在页面上计算页脚和在搜索上排序时更改，我们如何实现这一点

import React from "react";
import { render } from "react-dom";
import ReactTable from "react-table";
import "react-table/react-table.css";

const data = [
  {
    id: 1,
    product: "apple",
    stock: 1,
    price: 123
  },
  {
    id: 2,
    product: "pie",
    stock: 2,
    price: 22
  }
];

const App = () => (
  <div>
    <ReactTable 
      data={data}
      columns={[
        {
          Header: "Id",
          accessor: "id"
        },
        {
          Header: "Product",
          accessor: "product",
          Footer: "Summary"
        },
        {
          Header: "Stock",
          accessor: "stock"
        },
        {
          Header: "Price",
          accessor: "price",
          Footer: (
            <span>{
              data.reduce((total, { price }) => total += price, 0)
            }</span>
          )
        }
      ]}
      defaultPageSize={2}
    />
  </div>
);

从“React”导入React；
从“react dom”导入{render}；
从“反应表”导入反应表；
导入“react table/react table.css”；
常数数据=[
{
id:1，
产品：“苹果”，
股票：1，
价格：123
},
{
id:2，
产品：“馅饼”，
股票：2，
价格:22
}
];
常量应用=（）=>(
总计+=价格，0）
}
)
}
]}
defaultPageSize={2}
/>
);

上面的代码可以用来获取所有行的一列数据的总和，有人能给我一个正确的方法吗。

先导入这个：

import _ from "lodash";

那么下面的代码应该可以解决您的问题：

{
  Header: "Price",
  accessor: "price",
  id: "price"
  Footer: <span>{_.sum(_.map(data, d => d.price))}</span>
  )
}

{
标题：“价格”，
访问者：“价格”，
id:“价格”
页脚：{{.sum（{.map（数据，d=>d.price））}
)
}

请注意，

{

和

.sum

之间应该有下划线符号
类似地，在

（

和

.map

---

当我在这里发布代码时，它被删除了。

你找到解决方案了吗？