/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

2 votes168 views1 answer
Google sheets reference cell static
TypeScript
0 vote179 views1 answer
Find common elements in two flutter
TypeScript
0 vote190 views1 answer
// running tests Your code should no longer have a p tag around the text asking what level ninja a user is. // tests completed category:423
TypeScript
6 votes177 views1 answer
Typescript map list to new list of objects
TypeScript
0 vote168 views1 answer
.htaccess Forcing scripts to display as source code
TypeScript
0 vote209 views1 answer
Typescript api request header
TypeScript
0 vote178 views1 answer
Must_not exists elastic search
TypeScript
1 vote321 views1 answer
Invalid formula - Operator ">=" doesn't support DATE >= TEXT. Operator ">=" supports ANY >= ANY
TypeScript
0 vote184 views1 answer
Cannot show Automatic Strong Passwords for app bundleID: com.williamyeung.gameofchats due to error: iCloud Keychain is disabled
TypeScript
0 vote183 views1 answer
Which of the following are elements associated with the html table layout?
TypeScript