V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
chend
V2EX  ›  问与答

[redux] 一个 action => 多个 reducers , view 中 可以指定 执行某一个 reducers 吗?

  •  
  •   chend · 2016-01-22 11:40:32 +08:00 · 2858 次点击
    这是一个创建于 3256 天前的主题,其中的信息可能已经有所发展或是发生改变。

    假如有一个 action :
    export function add() {
    return {type: 'ADD'}
    }

    多个 reducers 都可以处理这个 action:
    `
    export function reducer1(state = initialState, action) {
    switch (action.type) {
    case 'add':
    return state + 1
    default:
    return state
    }
    }

    export function reducer2(state = initialState, action) {
    switch (action.type) {
    case 'add':
    return state + 2
    default:
    return state
    }
    }
    `
    在 view 中, 可以 指定执行 某一个 reducers 吗?

    7 条回复    2016-03-01 21:41:18 +08:00
    FrankFang128
        1
    FrankFang128  
       2016-01-22 13:00:58 +08:00 via Android
    前端什么时候也要为设计模式所苦恼了
    hienchu
        2
    hienchu  
       2016-01-22 13:07:54 +08:00 via iPhone
    reducer 只负责更新数据, view 反应数据的变化,所以应该不需要关心 reducer 的存在,可以考虑把 action 细分
    hxtheone
        3
    hxtheone  
       2016-01-22 13:39:45 +08:00
    Redux 里对于一个 action 每个 reducer 都会跑一遍,有定义的话更新数据,没有定义就返回原有 state ,指定 reducer 从源码里看感觉找不到方法,还是按照 LS 说的把 action 区分一下吧
    chend
        4
    chend  
    OP
       2016-01-22 13:52:34 +08:00
    @hienchu
    @hxtheone

    试验过了, bindActionCreators 后,一个 action.type 都会执行, 文档上没直接看到可以 区分 reducers 的。。
    只是在想, 如果遇到 功能类似的多个组件, 如果 action 细分好蛋疼。。或者通过一个用于区分 reducers 的固定参数 来调用 action{return {type:'add', reducers:'reducers1[2]'}} 这种~~ 同样蛋疼
    Niphor
        5
    Niphor  
       2016-01-23 14:18:25 +08:00
    所以人家的 type 都是'some/module/some/action/some/opt'的超长字符串吧...
    chend
        6
    chend  
    OP
       2016-01-23 18:24:55 +08:00
    @Niphor
    这种字符串 太长 可读性也 太不友好了。。 试过了, 可以像我 4L 说的 那样。。多传一个参数来判断。。 只不过,要区分的 reducers 中 也需要 更新对应的判断
    nianjcn
        7
    nianjcn  
       2016-03-01 21:41:18 +08:00
    flux 里面的 action 有 source 这个字段来标示 action 由哪个 view 触发的吧,不过反正 action 都是 plain object ,你自己随便定义吧
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2561 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 11:24 · PVG 19:24 · LAX 03:24 · JFK 06:24
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.