/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 vote195 views1 answer
React forwardref typescript
TypeScript
0 vote165 views1 answer
Formula: =concatenate(transpose(xxxxx)) highlight transpose (xxxx), press "ctrl" + "=" then delete front and back curly brackets "{ }" enter Add grepper answer
TypeScript
2 votes184 views1 answer
Loaded because running scripts is disabled on this s
TypeScript
0 vote180 views1 answer
React-scripts start error
TypeScript
1 vote202 views1 answer
Cannot read property 'slideTo' of undefined TypeError: Cannot read property 'slideTo' of undefined
TypeScript
0 vote225 views1 answer
How to reorder boxplots in ggplot
TypeScript
2 votes164 views1 answer
Type casting in typescript
TypeScript
1 vote153 views1 answer
Insert value to the top of array in angular
TypeScript
0 vote182 views1 answer
Publication only contains dependencies and/or constraints without a version. You need to add minimal version information, publish resolved versions
TypeScript
7 votes163 views3 answers
How to declare an empty array in typescript
TypeScript