如何使用接口代替函数中的任何类型参数

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 
}