flowtype wie bekomme ich eine Liste von Funktion Rückgabewerte

Question

Ich möchte die Requisiten zu extrahieren mapStateToProps gibt mir, um meine eigenenProps als die Liste der Requisiten die Komponente erhält. Das scheint mir ziemlich üblich zu sein, indem ich react/redux mit flow verwende.

Ich kann meine Art manuell definieren:

type StateProps = { 
    activeDuration: ?number, 
    activeColor: ?number, 
    activeAccessories: ?number[], 
} 

const mapStateToProps = (state): StateProps => ({ 
    activeDuration: getActiveDuration(state), 
    activeColor: getActiveColor(state), 
    activeAccessories: getActiveAccessories(state), 
}); 

Aber all diese getX Funktionen kennen bereits ihren Rückgabetyp. Also eigentlich mapStateToProps bereits kennt seinen Rückgabetyp ... Aber ich kann nicht verwenden:

type Props = { defaultProp: boolean } & mapStateToProps; 

weil mapStateToProps ist die Funktion selbst, nicht der Rückgabewert.

Die Frage ist: Wie bekomme ich (nicht eingestellt) eine Art von was eine Funktion zurückgibt.

Answer 1

Der folgende Code kann einen Rückgabetyp aus einem Funktionstyp extrahieren:

type _ExtractReturn<B, F: (...args: any[]) => B> = B; 
type ExtractReturn<F> = _ExtractReturn<*, F>; 

ist dies Lassen Sie verwenden:

const mapStateToProps = (state) => ({ 
    activeDuration: getActiveDuration(state), 
    activeColor: getActiveColor(state), 
    activeAccessories: getActiveAccessories(state), 
}); 

type StateProps = ExtractReturn<typeof mapStateToProps> 

Hier alternative Lösung basiert auf $ObjMap statt:

type ExtractReturn<F> = 
    $PropertyType<$ObjMap<{ x: F }, <R>(f:() => R) => R>, 'x'>