javascript - 减少函数上的几个打字稿（不可分配给类型参数）错误

Question

[ts]
Argument of type '(sum: number, wallet: IConvertedRate) => number' is not assignable to parameter of type '(previousValue: number, currentValue: "" | { convertedRate: number; }, currentIndex: number, array: ("" | { convertedRate: number; })[]) => number'.

Types of parameters 'wallet' and 'currentValue' are incompatible.
Type '"" | { convertedRate: number; }' is not assignable to type 'IConvertedRate'.
Type '""' is not assignable to type 'IConvertedRate'. [2345]

不确定如何解决这些 Typescript 错误

日志

这wallets看起来像：

[
  { currency: 'USD', amount: 100 },
  { currency: 'EUR', amount: 500 }
  { currency: 'CHF', amount: 10000 }
]

这convertedRates看起来像：

[
  { convertedRate: 100 },
  { convertedRate: 437,44 }
  { convertedRate: 9980.9 }
]

下面的代码有效并返回正确的总值10518.34，但无法摆脱打字稿错误。

代码

interface IConvertedRate {
  convertedRate: number;
}

calculateTotalValue(wallets: IWallet[]) {
  const { assets } = this.props;

  const convertedRates = wallets.map((wallet) => {
    const conversion = assets.filter((asset) => asset.currency === wallet.currency)[0];

    if (conversion) {
      return {
        convertedRate: roundFloat(wallet.amount * conversion.rate, 2)
      };
    }

    return '';
  });

  const total = convertedRates.reduce(function(sum: number, wallet: IConvertedRate) {
    return sum + wallet.convertedRate;
  }, 0);

  console.log('total', total);
  return total.toString();
}

标签： javascripttypescriptreduce

Answer 1

问题是你的map函数体返回return '';，所以签名convertedRatesis ''|IConvertedRate。您需要重写 map 函数的主体以始终返回一个IConvertedRate，或者强制转换