umi3 使用 dva 的正确姿势

最新推荐文章于 2024-09-12 23:43:28 发布

爱生活，爱编程

最新推荐文章于 2024-09-12 23:43:28 发布

阅读量5.5k

点赞数 2

分类专栏： react

本文链接：https://blog.csdn.net/qq_15009739/article/details/107442109

版权

umi3 框架内置了 dva 支持，无需额外配置即可使用。通过简单的模型定义（如 count.js）和界面组件（如 hello.js）就能实现功能。与 redux 类似，但涉及命名空间的管理。

摘要由CSDN通过智能技术生成

啥也不要配置，直接就内置了，就可以使用了

1，我们先看模型

count.js


function asyncInit() {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            resolve(100);
        }, 1000);
    });
}
export default {
    namespace: "count", // 可省略
    state: JSON.parse(localStorage.getItem("count")) || 99, // 初始状态：缓存或空数组

    effects: {
        // generactor 这玩意还再用，我也是醉了
        //这个执行异步操作，这玩意是* 生成器函数？？
        * init(action, { call, put }) {
            let payload = yield call(asyncInit);
            yield put({ type: "setCount", payload });
        }

    },
    reducers: {
        add(state, action) {
            return state + action.payload;
        },
        minus(state, action) {
            retu