javascript - 在 React 中过滤特定的表行

Question

我正在从 API 获取一些数据并将它们显示为表格。

{
    name: 'firstName',
    cellProps: { numeric: false },
    header: 'First',
}, {
    name: 'lastName',
    cellProps: { numeric: false },
    header: 'Last',
}, {
    name: 'total',
    header: 'Total',

}, {
    name: 'country',
    cellProps: { numeric: false },
    header: 'Country',
},

然后我使用 reduce 计算总值(value):

const dailytotal = dailySales.reduce((acc, { total }) => acc + total, 0);

现在我正在尝试根据国家/地区计算总体总值(value)与每个国家/地区的总和。

const CAfilter = dailySales.filter( { country } => {country} === 'CA');
const CAtotal = CAfilter.reduce((acc, { total }) => acc + total, 0);

我收到这个错误:

Module build failed (from ./node_modules/babel-loader/lib/index.js):
SyntaxError: Unexpected token (49:9)

  47 |             country;
  48 |         }
> 49 |          === 'CA';
     |          ^
  50 |         ;
  51 |         const CAtotal = CAfilter.reduce((acc, { total }) => acc + total, 0);

Answer 1

在你的过滤函数中你没有返回任何东西，你可以这样做

const CAfilter = dailySales.filter( ({ country }) => country.name === 'CA');