不同层次app状态结构下减速器的可重用性

Question

null

    const updateUser = (id, subAction) => ({
        type: UPDATE_USER,
        payload: {
            id,
            subAction
        }
    })

    function users(state = List(), action) {
        switch (action.type) {

            //...

            case UPDATE_USER:
                const { id, subAction } = action.payload
                const index = state.findIndex(user => user.id == id)

                return state.updateIn(
                [index, 'photos'],
                state => photos(state, subAction)
                )
                break

            //...

            default:
                return state
        }
    }

这是我问题的正确解决方案吗？

Answer 1

为什么不简单地在用户发起的地方分派这两者呢？

dispatch(updateUser(id));
dispatch(addPhoto(url));

我以前没见过你用的这种模式。一个减速器负责另一个减速器的状态，这似乎有点不寻常。在它们之间创建一种感觉不太纯粹的依赖关系。我甚至不确定一个减速器是否能够/能够看到另一个减速器的状态。

所以我不知道“正确”，但我想说用你的方式做是不理想的。我会尝试按顺序或在某种元操作中分配这两个操作，这种元操作处理嵌套更新并将操作分配给多个简化程序。