0

我有一个在 IOS 模拟器中运行的本机应用程序。在初始化期间，它读取 Parse 数据库并使用以下 reducer 填充 redux 数据存储：

    export default function items( state = [], action ) {
        switch (action.type) {
            case types.ADD_ASSIGNMENT:

                return [
                    ...state, 
                    {
                        assignmentId: action.assignmentId,
                        shopperId: action.shopperId,
                        itemId: action.itemId,
                        createdAt: action.createdAt
                    }
                ];
             case LOGOUT_SUCCESS:
                return [];

            default:
                return state;
        }
    }

当我重复运行该应用程序时，它大约有 3 次失败，并出现以下 redux-logger 错误：

action ADD_ASSIGNMENT @ 19:02:09.732
    prev state Object {router: Object, auth: Object, device: Object, global: Object, profile: Record…}
    action Object {type: "ADD_ASSIGNMENT", assignmentId: "oNncJdVT16", shopperId: "aoieAPH6ll", itemId: "gza3038iPN", createdAt: Tue Feb 09 2016 11:43:48 GMT-0500 (EST)}
    error TypeError: Cannot read property 'itemId' of null(…)
    next state Object {router: Object, auth: Object, device: Object, global: Object, profile: Record…}
        assignments: Array[1]
            0: Object
                assignmentId: "oNncJdVT16"
                createdAt: Tue Feb 09 2016 11:43:48 GMT-0500 (EST)
                itemId: "gza3038iPN"
                shopperId: "aoieAPH6ll"

请注意错误如何指出 itemId 为空，但该操作实际上包含非空 itemId。下一个状态似乎是正确的，但应用程序在遇到此错误后无法恢复（不幸的是，它不会抛出带有附加信息的红屏）。

我还捕获了相同的 redux-logger 事件，显示相同的操作而没有任何错误：

action ADD_ASSIGNMENT @ 19:01:50.601
    prev state Object {router: Object, auth: Object, device: Object, global: Object, profile: Record…}
    action Object {type: "ADD_ASSIGNMENT", assignmentId: "oNncJdVT16", shopperId: "aoieAPH6ll", itemId: "gza3038iPN", createdAt: Tue Feb 09 2016 11:43:48 GMT-0500 (EST)}
    next state Object {router: Object, auth: Object, device: Object, global: Object, profile: Record…}
        assignments: Array[1]
            0: Object
                assignmentId: "oNncJdVT16"
                createdAt: Tue Feb 09 2016 11:43:48 GMT-0500 (EST)
                itemId: "gza3038iPN"
                shopperId: "aoieAPH6ll"

关于如何处理的任何建议？

4

1 回答 1

0

好的，想通了。我将 Redux“assignments”reducer 函数错误地命名为“items”（如我之前的代码片段所示）。

它表现出间歇性行为的原因是因为有两种可能的代码执行路径：

1) 如果代码执行处理了“ADD_ITEM”动作，那么“item”reducer 会正确初始化redux 数据存储中的“items”数据结构。

2) 但是，如果“ADD_PROPOSAL”先执行，则“items”数据结构没有正确初始化，从而导致错误。

于 2016-03-01T14:36:01.793 回答