/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

6 votes142 views3 answers
Angular form set value
TypeScript
14 votes123 views3 answers
Typescript pick
TypeScript
0 vote136 views1 answer
Route.component does not have any construct or call signatures - React Router with TypeScript
TypeScript
21 votes122 views2 answers
Npm typescript package
TypeScript
0 vote137 views1 answer
Environ 2.020.000 résultats (0,60 secondes) << Add Grepper Answer (a) Résultats de recherche Résultats Web
TypeScript
3 votes132 views1 answer
Serenity.is disable row in grid
TypeScript
0 vote125 views1 answer
Why are inline scripts not working anymore on HTML
TypeScript
0 vote213 views1 answer
Angular material chips autocomplete example
TypeScript
0 vote179 views1 answer
How to get child element li beautifulsoup
TypeScript
0 vote124 views1 answer
Convert epoch to normal date | stripe | epoch
TypeScript