reactjs - redux-logger 突然不显示动作名称只有“对象，对象”

Question

我学习 react 并尝试让 Redux 工作，所以我使用Redux-logger。从 App.js 调度两个操作时，它作为顶部图像显示“ALBUME_DATA_LOADED”。

然后我从另一个地方发出一个调度并得到这个输出：

我不确定我是否发送了那个“对象，对象”动作，我放置了断点和控制台日志，奇怪的是反应记录器捕获了一个我认为我没有发送的动作..

任何的想法？

这是我在以下代码中使用的操作类型userActionTypes：

文件 user.types.js：

export const userActionTypes = {
    SAVE_USER_START: 'SAVE_USER_START',
    SAVE_USER_SUCCESS: 'SAVE_USER_SUCCESS',
    SAVE_USER_FAILURE: 'SAVE_USER_FAILURE',
};

这是动作：

文件 user.actions.js；

import { userActionTypes } from './user.types';
import { withFirebase } from '../../firebase';
import * as ROLES from '../../constants/roles';

const saveUserStart = () => ({
    type: userActionTypes.SAVE_USER_START,
});

const saveUserSuccess = user => ({
    type: userActionTypes.SAVE_USER_SUCCESS,
    payload: user,
});

const saveUserFailure = errMsg => ({
    type: userActionTypes.SAVE_USER_FAILURE,
    payload: errMsg,
});

const asyncSaveUser = ({ firestore }) => {
    return async dispatch => {
        const userRef = firestore.userDoc(firestore.auth.currentUser.uid);
        dispatch(saveUserStart());
        firestore.db
            .runTransaction(transaction => {
                // This code may get re-run multiple times if there are conflicts.
                return transaction.get(userRef).then(doc => {
                    if (!doc.exists) {
                        return Promise.reject('Transaction failed: User dont exist!');
                    }
                    const newRoles = doc.data().roles;
                    // new roll
                    newRoles.push(ROLES.USER);
                    // remove roll
                    newRoles.splice(newRoles.indexOf('ANONYMOUS'), 1);
                    // save it back
                    transaction.update(userRef, { roles: newRoles });
                    return newRoles;
                });
            })
            .then(newRoles => {
                dispatch(saveUserSuccess());
                console.log(`Transaction successfully committed role(s): ${newRoles}`);
            })
            .catch(error => {
                dispatch(saveUserFailure(error));
                console.log(error);
            });
    };
};

export default withFirebase(asyncSaveUser);

标签： reactjsredux-sagaredux-actions

Answer 1

在 dispatch saveUserSuccess() 中，你不能传递 newRoles。

dispatch(saveUserSuccess(newRoles));