/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

1 vote274 views1 answer
Vue router get full string query
TypeScript
0 vote198 views1 answer
Flutter fab covers widget on keyboard open
TypeScript
0 vote199 views1 answer
Get_refreshed_fragments too long to load
TypeScript
0 vote191 views1 answer
Text input detect return key react native
TypeScript
0 vote199 views3 answers
How to compare two lists element by element in python and return matched element
TypeScript
0 vote188 views1 answer
Requests python-passlib python-pil -y ubuntu 18.04
TypeScript
0 vote192 views1 answer
Pending = pending$ async type 'boolean null' is not assignable
TypeScript
2 votes182 views1 answer
Covid south africa update
TypeScript
0 vote198 views1 answer
Must_not exists elastic search
TypeScript
0 vote182 views1 answer
Sql server results to comma delimited string
TypeScript