将 Typescript 中的函数传递给另一个函数时，如何设置函数的类型？

Question

这是我的功能：

const payout = (asset: ILPAsset, type: string)
    => type === 'daily' ? asset.lastPayout : asset.historical;

我在哪里使用它：

@bind
private mapDailyAssets(payoutType: string, payout: payoutFunc, assets: ILPAsset[], currency: string) {
  return assets.map((asset) => (
    <div className={b('table-row')()} key={asset.symbol}>
      <div>{asset.symbol}</div>
      <div className={b('asset-value')()}>{formatMoney(payout(asset, payoutType), currency)}</div>
    </div>
  ));
}

我在尝试为类型 payoutFunc 设置 interface 时遇到错误：

interface payoutFunc: (asset: ILPAsset, type: string) => string;

但也出现此错误：

调用类型缺少调用签名的表达式

Answer 1

您声明函数签名接口的语法不太正确。它应该是这样的：

interface payoutFunc { 
  (asset: ILPAsset, type: string): string;
}

或者你可以使用type alias:

type payoutFunc = (asset: ILPAsset, type: string) => string;

无论哪种情况，您都可以将此类型用作其他地方的道具：

interface MyProps {
  foo: string;
  bar: number;
  payout: payoutFunc;
}