“DefaultRootState”類型中缺少屬性“X”-但該屬性是在接口中聲明的

Question

這是我與mapStateToProps使用的接口：

export interface IStore {
  cache?: any;
  dataManager?: IUR;
  userPrefs: IUP;
  IModal?: IfingerprintModal;
}

export interface IModal {
  cbCancel: IFModalFn | null;
  cbTryAgain?: IFModalFn | null;
  error: null | string;
  success: boolean;
  visible: boolean;
}

這是mapStateToProps fn 表達式：

const mapStateToProps = (state: IStore) => ({
  store: {
    IModal: state.userPrefs.IModal,
  },
});

這是connect HOC：

export default connect<IStore,{}>(mapStateToProps, mapDispatchToProps)(IModal);

這就是我看到的錯誤：

我可以通過以下方式解決這個問題：

export default connect<IStore>(mapStateToProps as any, mapDispatchToProps)(IModal);

但我正試圖找到一個通用的解決方案

Answer 1

只需從connect調用中刪除類型並讓 typescript 為您處理它：

connect(mapStateToProps, mapDispatchToProps)(FingerprintModal);

否則，您將需要指定完整類型：

connect<{store: IStore;}, {}, {}, IStore>(mapStateToProps, mapDispatchToProps)