/TypeScript/Mixins with parameters typescript

Mixins with parameters typescript

// Utility types:

type GetProps<TBase> = TBase extends new (props: infer P) => any ? P : never
type GetInstance<TBase> = TBase extends new (...args: any[]) => infer I ? I : never
type MergeCtor<A, B> = new (props: GetProps<A> & GetProps<B>) => GetInstance<A> & GetInstance<B>


// Usage:
// bypass the restriction and manually type the signature
function GeometryMixin<TBase extends MixinBase>(Base: TBase) {
  // key 1: assert Base as any to mute the TS error
  const Derived = class Geometry extends (Base as any) {
    shape: 'rectangle' | 'triangle'
    constructor(props: { shape: 'rectangle' | 'triangle' }) {
      super(props)
      this.shape = props.shape
    }
  }

  // key 2: manually cast type to be MergeCtor
  return Derived as MergeCtor<typeof Derived, TBase>
}

Source: stackoverflow.com

Similar codes

0 vote128 views1 answer
How to parameterize test cases
TypeScript
1 vote86 views1 answer
React table typescript
TypeScript
1 vote108 views1 answer
Microsoft outlook graph get events dates
TypeScript
14 votes126 views6 answers
Find the smallest number from an array
TypeScript
0 vote118 views1 answer
Choisis les billets et pièces de monnaie nécessaires pour représenter un montant de cent-douze dollars. Écris d'abord ce montant en chiffres.
TypeScript
0 vote135 views1 answer
Cannot find module 'angular-imask' or its corresponding type declarations.
TypeScript
2 votes128 views1 answer
Typescript initialize map inline
TypeScript
0 vote99 views1 answer
About half of divorced parents try to avoid each other after the divorce, creating a different set of rules for children to follow in each parent’s household. This type of parental interaction is called
TypeScript
0 vote135 views1 answer
Objects all django what is returned
TypeScript
0 vote82 views1 answer
Conditional src angular 6
TypeScript