围绕我的状态存储设计 - UI 与应用状态的推理



我在应用程序状态和UI状态之间有点困惑。当用户从页面上的列表中选择活动时,将进行 API 调用以获取所选活动的公告。所选活动 ID 是否被视为 UI 或应用程序状态?所选活动 ID 应存储在销售活动切片中,还是应将其存储在专用 UI 切片中,例如销售活动列表?

这是我目前的结构。

{
    "entities": {
        "sale-activities": {
            "1": { "id": 1, "vehicleId": 3, "status": "pending" },
            "2": { "id": 2, "vehicleId": 3, "status": "completed" }
        },
        "sale-activity-announcements": {
            "4": { "id": 1, "saleActivityId": 1, "description": "Announcement 4" },
            "5": { "id": 2, "saleActivityId": 1, "description": "Announcement 5" },
            "6": { "id": 1, "saleActivityId": 2, "description": "Announcement 6" },
            "7": { "id": 2, "saleActivityId": 2, "description": "Announcement 7" }
        }
    },
    "sale-activities": {
        "loaded": true,
        "loading": false,
        "ids": [1, 2],
        "offset": 0,
        "selectedActivityId": 1
    },
    "sale-activity-announcements": {
        "1": {
            "loaded": true,
            "loading": false,
            "ids": [4, 5]
        },
        "2": {
            "loaded": true,
            "loading": false,
            "ids": [6, 7]
        }
    },
    "selectedVehicleId": 3
}
我不知道

在这种情况下应用程序和 ui 状态之间真的有分离——对我来说,这都是"UI 应用程序"状态。不过,我认为您如何构建这种结构并没有错。

最新更新