/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 vote145 views1 answer
React hooks typescript function return and receive
TypeScript
6 votes149 views3 answers
Angular show element in component
TypeScript
0 vote158 views2 answers
Https://duckduckgo.com/?t=avast Ariana Grande (@arianagrande) • Instagram photos and videoswww.instagram.com › arianagrande 203.2m Followers, 686 Following, 4664 Posts - See Instagram photos and videos from Ariana Grande (@arianagrande)
TypeScript
51 votes354 views3 answers
Remove duplicates from a list of lists python
TypeScript
0 vote140 views1 answer
Typescript get object from localstorage
TypeScript
0 vote159 views1 answer
Import lodash issue angular
TypeScript
0 vote157 views1 answer
Find common elements in two flutter
TypeScript
0 vote145 views1 answer
Error TS2304: Cannot find name 'beforeEach'.
TypeScript
0 vote195 views1 answer
Haskell get specific elements of a String
TypeScript
0 vote150 views1 answer
See tsv in format on command line
TypeScript