所以我刚刚开始学习redux，并在这个过程中阅读了他们关于“Normalizing State Shape”的文档。
其中一个要点是：
“对单个项目的任何引用都应通过存储项目的ID来完成。”
我已经按照他们的建议设置了我的状态，所以在下面的例子中，每个taskGroup都有一个由它们的id引用的任务选择，每个任务都有一个由它们的id引用的评论选择。

{
    "taskGroups": {
        "byId": {
            "taskGroup1": {
                "taskGroupId": "taskGroup1",
                "tasks": ["task1", "task2"]
                //etc etc
            },
            "taskGroup2": {
                "taskGroupId": "taskGroup2",
                "tasks": ["task2", "task3"]
                //etc etc
            }
            //etc etc
        },
        "allIds": ["taskGroup1", "taskGroup2", "taskGroup3"]
    },
    "tasks": {
        "byId": {
            "task1": {
                "taskId": "task1",
                "description": "......",
                "comments": ["comment1", "comment2"]
                //etc etc
            },
            "task2": {
                "taskId": "task2",
                "description": "......",
                "comments": ["comment3", "comment4", "comment5"]
                //etc etc
            }
            //etc etc
        },
        "allIds": ["task1", "task2", "task3", "task4"]
    },
    "comments": {
        "byId": {
            "comment1": {
                "id": "comment1",
                "comment": "....."
                //etc etc
            },
            "comment2": {
                "id": "comment2",
                "comment": "....."
                //etc etc
            }
            //etc etc
        },
        "allIds": ["comment1", "comment2", "comment3", "comment4", "comment5"]
    }
}

我理解了这个理论，也看到了像这样构造状态的好处。但在实践中，我很难Map对象中的引用数组，有点不知道应该在哪里做。
什么是最有效的方法，在哪里Map到实际项目的项目ID的引用？
在将引用作为属性传递给子组件之前，我应该在所有引用的父组件Map上执行此操作吗？还是应该将引用作为属性传递给子组件，然后在那里Map它们？
在切换到redux之前，我使用的是useContext，但状态是标准化的。我使用下面的函数来过滤每个taskGroup所需的任务。Thanks to ssube who posted this

export const filterObject = (objToFilter: any, valuesToFind: string) => {
    return Object.keys(objToFilter)
        .filter((key) => valuesToFind.includes(key))
        .reduce((obj, key) => {
            return {
                ...obj,
                [key]: objToFilter[key],
            };
        }, {});
};

然后像这样使用它（然后在我的Tasks组件中重复相同的逻辑来Map注解）

{
    Object.values(taskGroupsById)
        .sort((a, b) => a.sortOrder - b.sortOrder)
        .map((taskGroup) => {
            return (
                <TaskGroup
                    key={taskGroup.taskGroupId}
                    taskGroupTitle={taskGroup.taskGroupTitle}
                    tasks={filterObject(
                        tasksById,
                        taskGroupsById[`${taskGroup.taskGroupId}`].tasks
                    )}
                    handleDrawer={handleDrawer}
                    findTaskStatus={findTaskStatus}
                    findAssignedToTask={findAssignedToTask}
                />
            );
        });
}

这可以正常工作，但我不确定它是否违反直觉，因为它是在TaskGroup组件的多个示例中计算的，而不是只计算一次。
有没有更好的方法来实现这一点？我试着在我的切片中创建一个选择器来重新创建它，但似乎无法解决如何Map数组中的多个引用（而不是作为字符串只Map一个引用）。
任何帮助都将不胜感激，即使它只是一个推动正确的方向。谢谢！