/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 vote292 views1 answer
Prolog check if element in different lists are same
TypeScript
1 vote289 views1 answer
From sklearn.datasets import fetch_mldata error
TypeScript
0 vote279 views1 answer
Bar plots subplots
TypeScript
1 vote299 views1 answer
How to check if its a character in r
TypeScript
3 votes295 views1 answer
Adonis validator opcional
TypeScript
0 vote283 views1 answer
Email validation in typescript
TypeScript
1 vote300 views1 answer
Node_modules/@apollo/client/react/context/ApolloConsumer.d.ts:1:19 - error TS2307: Cannot find module 'react' or its corresponding type declarations
TypeScript
0 vote325 views1 answer
OSError: [E941] Can't find model 'en'. It looks like you're trying to load a model from a shortcut, which is deprecated as of spaCy v3.0. To load the model, use its full name instead:
TypeScript
22 votes293 views5 answers
How to combine 2 lists in python
TypeScript
0 vote306 views2 answers
Check if object exists in s3 bucket laravel
TypeScript