Redux: TypeError: Невозможно прочитать свойство 'modal' из неопределенного

Question

Я только начал писать код в redux и столкнулся с некоторыми проблемами при получении значения из магазина redux

browse-upload. js

const initialState = {
    modal: false
};

const browseUploadReducer = (state = initialState, action) => {
    switch (action.type) {
        case GET_MODAL_INFORMATION: {
            return {
                ...state,
                modal: true
            };
        }
        case GET_CLOSE_MODAL_INFORMATION: {
            return {
                ...state,
                modal: false
            };
        }
        default:
            return state;
            break;
    }
};

export const getModalOpen = () => (dispatch) => {
    dispatch({
        type: GET_MODAL_INFORMATION
    });
};

export const getModalClose = () => (dispatch) => {
    dispatch({
        type: GET_CLOSE_MODAL_INFORMATION
    });
};

export default browseUploadReducer;

и в моем компоненте я только что попытался извлечь значение из хранилища

import { getModalOpen,getModalClose} from 'reducers/star/browse-upload';

const mapStateToProps = state => ({
    modal: state.modal,
});

что могло пойти не так? Все еще контроль не возвращается к компоненту? Как я могу это проверить?

Answer 1

В вашем mapStateToProps напишите это:

const mapStateToProps = state => ({ modal: state.modal });

Я думаю, проблема в том, в вашем состоянии нет такой вещи, как browseUpload , определенной , поэтому вы получаете сообщение об ошибке.