ant-design-pro中的状态管理

Posted 2023-03-02

参考技术A 使用model管理公共状态，就像vuex的模块拆分一样，每一个model就是一个子模块。在ant-design-pro中它推荐把一个功能分为model--view--services

namespace

    这将作为唯一查询索引被dva收集

state

    数据容器

effects

    异步任务，Generator函数，每一个函数接收两个参数：actionTypes和api

        actionTypes即我们在dispatch时派发的参数值，如dispatch(

            type,

            payload

        )

        api即call、put、select等

            call用于执行异步任务，通常是ajax。如call(异步函数体，附加参数)

            put用户派发给reducer，这里就相当于vuex中在actions中派发给mutations一样

                put(

                    type:'可以是任意model下的reducers'，

                    payload

                )

            select则允许从state中筛选数据

                select(state=>state.someOne)

reducers

        同步逻辑，必须显示的返回一个新的state

使用

         通过connect函数连接

           connect函数则从dva中引入

         获取dispatch，这在使用cannect时被自动添加给组件

         发送action

         处理

         处理--并向mutation做提交

            mution收到提交消息进行处理，并显示的返回新的state