如何使用接口代替函數中的任何類型參數

Question

在打字稿中，反應&redx，state參數的mapStateToProps函數連接方法聲明爲any。

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

我想用我的代碼中定義的類型來代替狀態參數的任何類型。我怎樣才能做到這一點？

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

但是這不起作用，因爲它不符合簽名。

什麼工作只有當我把它像這樣：

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

但後來我失去我的IDE自動完成，並鍵入我的函數內部檢查。

事實上，它是一個更多的打字稿問題，而不是一個打字問題。

當函數類型的參數爲any參數時，如何在使用時指定參數的實際類型？

Answer 1

如果你有幾個減速是做一些東西，然後你正在結合他們有像這樣

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

一些特定的輸出，其中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組件mapStateToProps函數將收到一個狀態參數，其中有減速器值

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

此的console.log的輸出是這樣的

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