reactjs - MapStateToProps 给了我未定义的错误

Question

我正在尝试使用 mapStateToProps 像这样:

const mapStateToProps = (state: { logedIn: boolean; } ) => {
return {
    logedIn: state.logedIn
}
}

我正在创建 typescript react 应用程序。
我尝试在我的编辑器中使用 ctrl search 搜索 logined，并且在它应该在的初始状态下找到它。
但是当我在做 npm start 时，我收到了这个错误:

  TypeError: Cannot read property 'logedIn' of undefined
Function.mapStateToProps [as mapToProps]
src/components/LogIn/Login.tsx:79
  76 | 
  77 | const mapStateToProps = (state: { logedIn: boolean; } ) => {
  78 |     return {
> 79 |         LogedIn: state.logedIn
  80 |     }
  81 | }
  82 | 

这是我的初始状态

interface IAppState {
    logedIn : Boolean;
}

const initialState : IAppState = {
    logedIn  : false
};

 const reducer = (state = initialState, action : any) => {
    switch (action.type) {
        case actionTypes.LOG_IN:
            return {
                ...state,
                logedIn: true
            }
        case actionTypes.LOG_OUT:
            return {
             ...state,
             logedIn: false
            }
    }
}

创建商店:

export const store = createStore(reducer)

我也在这里收到错误是说没有重载匹配“ reducer ”
reducer :

   import {actionTypes} from "./actionTypes";

 export const LogedIn = () => {
    return {
        type:actionTypes.LOG_IN
    }
}

export const LogOut = () => {
    return {
        type:actionTypes.LOG_OUT
    }
}

请问有什么建议吗？我真的坚持这些

Answer 1

createStore 接受初始状态作为第二个参数:

createStore(reducer, [preloadedState], [enhancer])

在您的情况下，您没有初始化商店:

export const store = createStore(reducer, initialState)