関数内の任意の型パラメータの代わりにインタフェースを使用するには

Question

typescriptで reduxと入力し、関数connectメソッドのstateパラメータをanyと宣言します。

interface MapStateToProps<TStateProps, TOwnProps> { 
    (state: any, ownProps: TOwnProps): TStateProps; 
} 

私は、状態変数の任意の型の代わりに自分のコードで定義した型を使用したいと思います。それをどうすれば実現できますか？

const mapStateToProps = (state: MyStateInterface) => {}; 

しかし、署名と一致しないため、これは機能しません。

const mapStateToProps = (state: any) => {}; 

をしかし、私は私のIDEの自動補完を失うと私の関数の内部チェックを入力します。どのような作品

は、私はこのようにそれを置く場合にのみです。

実際、それはreduxものよりもタイスクリプトの質問です。

ファンクションタイプにパラメータがanyのパラメータがある場合、パラメータの実際のタイプはどのように指定するのですか？

Answer 1

あなたは、いくつかのものを行う少数の減速を持って、その後、あなたはとても

userReducerこの

interface UserReducerState { 
    authenticated: boolean; 
    loading: boolean; 
    username: string; 
    email: string; 
} 
const defaultState = { 
    authenticated: false, 
    loading: false, 
    username: '', 
    email: '' 
}; 

export default (state: UserReducerState = defaultState, action: MyActionTypeInterface) => { 
    switch (action.type) { 
     case USER_LOADED: 
      return {...state, ...action.payload, ...{authenticated: true, loading: false}; 
     default: 
      return state; 
    } 
}; 

ときconnectコンポーネントです

export default combineReducers({ 
    user: userReducer, 
    something: someReducer 
}); 

のようないくつかの特定の出力を持つためにそれらを結合している場合mapStateToProps関数は、減算値を内部に持つ状態引数を受け取ります。

interface ConnectStateProps { 
    user: UserReducerState; 
    something: SomethingReducerState 
} 
const mapStateToProps = (state: ConnectStateProps) => { 
    console.log(state); 
    ...etc 

MyStateInterface =（状態）=> `：このはconsole.logの

出力は、それが` constのmapStateToPropsすべきではない。この

{ 
    user: { 
     authenticated: false, 
     loading: false, 
     username: '', 
     email: '' 
    }, 
    something: ...etc 
}