Marking function as function in TypeScript type

Question

I am trying to declare type for components props as shown below:

type TSPaymentFormProps = {
  paymentAmountType: string,
  totalAmount: number,
  prolongationAmount: number,
  currentProcListInfo: object,
  customAmount: number,
  invalidAmount: boolean,
  handleAmountChange: any,
  setPaymentType: function
}

The last one should be labeled as function but I am getting error cannot find name 'function'. How do I do it?

Functions have parameters and a return type. setPaymentType: (param1:string, param2:number) => void -- fill in your actual parameters and types. — Niet the Dark Absol
– Niet the Dark Absol, Commented Mar 4, 2021 at 9:58
Also Function is a type in TS that accepts any function. However, in general, it shouldn't be used because it accepts any function, rather than ones with signatures you expect. — VLAZ
– VLAZ, Commented Mar 4, 2021 at 10:01

Penny Liu · Accepted Answer · 2023-12-21 15:05:49Z

2

To define a type as a function in TypeScript we use Function something like this setPaymentType: Function which generalize it to any function and not the best approach. To specify the function type in more details it's parameter types and return type are defined like this setPaymentType: (param1: <Param Type>, param2: <Param Type>) => <Return Type> and if the function does not have any param and doesn't return anything we can write it as setPaymentType: () => void

edited Dec 21, 2023 at 15:05

Penny Liu

17.9k5 gold badges89 silver badges109 bronze badges

answered Mar 4, 2021 at 10:17

Amit Mondal

3593 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Evren · Accepted Answer · 2021-03-04 09:59:28Z

1

You can do like this setPaymentType: () => void

answered Mar 4, 2021 at 9:59

Evren

4,4601 gold badge13 silver badges20 bronze badges

Collectives™ on Stack Overflow

Marking function as function in TypeScript type

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related