代码之家 › 专栏 › 技术社区 › Leon Gaban

如何在Typescript中设置一个函数的类型,当它传递给另一个函数时?

typescript function reactjs javascript

Leon Gaban · 技术社区 · 6 年前

我的职责是:

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>
  ));
}

interface 对于类型 payoutFunc :

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

但也得到了这个错误:

1 回复 | 直到 6 年前

Aaron Beall 6 年前

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

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

或者你可以用一个 type alias :

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

无论哪种情况,您都可以在其他地方使用此类型作为道具:

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

推荐文章

eXor420 · 如何在脚本标记中使用导出的函数?

1 年前

Tridip Lodh · 在ES6中,JAVASCRIPT函数在“严格使用”模式下的行为如何?[已关闭]

1 年前

Shawn Hemelstrand · 为什么我的自定义errorbar函数不能在R中工作?

2 年前

D_K · R获取新表

2 年前

ramanujans alkhazarim · 错误“元素类型无效”React Native

2 年前

CodexSC · 如何从另一个函数打印字符串?

2 年前

Matthew Graham · 我应该如何以编程方式仅将某些NA值更改为在R中选择的指定字符串?

2 年前

Anar · Oracle SQL用户定义函数

2 年前

Troskyvs · 映射比较函数导致运行时“bad\u function\u call”

2 年前

Alireza Pirmahdi · 我的代码多次执行打印语句,我只想执行一次

2 年前