对React reducers使用TypeScript

Question

我有这样一段代码，其中我连接了我所有的减速器：

import { combineReducers } from 'redux';
import { connectRouter } from 'connected-react-router';
import { login } from './login';
import { register } from './register';
import { dashboard } from './dashboard';
import { refreshedToken } from './refreshedToken';
import { updateUserReducer } from './updateUser';
import {History} from "history";

const rootReducer = (history: History) =>
  combineReducers({
    router: connectRouter(history),
    dashboard,
    login,
    refreshedToken,
    register,
    updateUserReducer,
  });
export default rootReducer;
export type RootState = ReturnType < typeof rootReducer >

I我的组件我做：

const selector = useSelector((s: RootState) => s);

我还从选择器中获取数据：

const httpResponse = selector.updateUserReducer.response;

问题是，当我将鼠标悬停在updateUserReducer上时，会收到来自TypeScript的错误

TS2339: Property 'updateUserReducer' does not exist on type 'Reducer { router: RouterState ; dashboard: { dashboardRequest: boolean; user: any; error: string; dashboardSuccess: boolean; } | { dashboardRequest: boolean; user: {}; error: any; dashboardSuccess: boolean; }; login: { ...; } | { ...; }; refreshedToken: { ...; } | { ...; }; register: { ...; }; ...'.

为什么会出现这种情况，如何解决这个问题？

Answer 1

这是how to use typescript with redux and react-redux上的redux文档

这段代码很好，我想问题出在你的reducer的返回类型上。一步一步地检查文档，找出确切的问题。