So definieren Sie eine Schnittstelle mit einer beliebigen Anzahl von Eigenschaften eines bestimmten Typs in TypeScript

Question

Ich möchte eine Schnittstelle definieren, die über beliebige Eigenschaften verfügt, deren Typ immer gleich ist. Z.B.

type Reducer<S, P> = (state: S, payload: P) => S 

interface Reducers { 
    [name: string]: Reducer 
} 

und dann verwenden, etwa so:

interface MyState { 
    foo?: string 
    bar?: string 
} 

const reducers: Reducers = { 
    r1: (state: MyState, payload: string) => { 
    return {foo: payload} 
    } 
} 

Allerdings kann ich nicht bekommen dies zu kompilieren. Der Compilerfehler lautet:

Fehler TS2314: Generischer Typ 'Reducer' benötigt 2 Argument (e).

Was mache ich falsch?

Answer 1

Sie benötigen eine generische Argumente an Ihre Reducers Schnittstelle zu übermitteln:

interface Reducers<S, P> { 
    [name: string]: Reducer<S, P> 
} 

const reducers: Reducers<MyState, string> = { 
    r1: (state: MyState, payload: string) => { 
    return {foo: payload} 
    } 
} 

Falls der Compiler Ihnen nicht erlauben, Ihre Reducer Methode inline zu definieren (ich damit einige Probleme hatte in der Vergangenheit), Sie kann den Wert extern definieren:

const r1Reducer: Reducer<MyState, string> = (state: MyState, payload: string) => { 
    return {foo: payload} 
} 

const reducers: Reducers<MyState, string> = { 
    r1: r1Reducer; 
} 

Answer 2

Ihnen fehlen in Ihrem Code einige Generatentypen.

type Reducer<S, P> = (state: S, payload: P) => S 

interface Reducers<S, P> { 
    [name: string]: Reducer<S, P> 
} 

interface MyState { 
    foo?: string 
    bar?: string 
} 

const reducers: Reducers<MyState, string> = { 
    r1: (state: MyState, payload: string) => { 
    return { foo: payload } 
    } 
} 

Ohne sie kann der Compiler nicht die richtige Art von S und P generischen Typen bestimmen.