reducer拆分问题

Question

state中有多层级的tab和step，修改层级较深的state会非常痛苦，如何拆分reducer？或者如何使reducer扁平化？

var tabs = [
    {
        id:1,
        children:[
            {
                id:11,
                steps:[
                    {
                        form:[
                            {
                                name:'foo',
                                type:'input'
                            }
                        ]
                    },{},{}...
                ]
            },
            {
                id:12,
                steps:[{},{}]
            }
        ]
    },
    {
        id:2,
        children:[]
    },
    ...
]

比如说，我想修改上面state中的foo值，则需要找到tabs[0].children[0].steps[0].form[xx].foo = 'boo'，会很痛苦，如何简化？

Answer 1

虽然层次比较深，但并不是每一个层级都有拆分的必要，也就是并不是每一层都需要相关的业务处理代码，如果并不是则没必要拆分，只拆分必要的层级。