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 已定义这样的东西，这就是您收到错误的原因。

Redux：TypeError：无法读取未定义的属性“模式”

1 个答案: