Question

使用mobx-state-tree我想将参数传递给异步操作。他们建议使用生成器功能。他们的示例没有提供使用参数的示例，而且我不知道该怎么做。

我尝试将flow函数包装在普通函数内，以将参数向下传递。但是，它不起作用。我在下面尝试了一些示例，其中包括一些其他摆弄。

setAvailability: function (id, status) {
        console.log("inside outer")
        flow(function* () {
            console.log("inside inner")
            try {
                yield UpdateAvailability(id, status)
                const { data } = yield self.fetch(GetTutors)
                self.data = data;
            } catch (e) {
                console.log(e.stack)
            }
        })
    },

setAvailability: flow*(function(id, status) {
            console.log("inside inner")
            try {
                yield UpdateAvailability(id, status)
                const { data } = yield self.fetch(GetTutors)
                self.data = data;
            } catch (e) {
                console.log(e.stack)
            }
        })
    },

在流函数内部传递参数时，它不会编译，而当我包装函数时，它只会打印 console.log("inside inner")

如何将参数传递给异步操作函数？

Answer 1

我尝试了一个简单的示例，如下所示-

import {flow, types} from "mobx-state-tree"

const Store = types.model({})
    .actions(self => ({
        fetchProjects: flow(function* fetchProjects(par1, par2) { // <- note the star, this a generator function!
            console.log('flow called');
            console.log(par1);
            console.log(par2);
        })
    }));

export const store = Store.create({});
// async actions will always return a promise resolving to the returned value
store.fetchProjects('test parameter', 'test parameter 2').then(() => {
    console.log("done")
});

在您的第二个示例中，我认为它只是*在错误的位置。

使用参数mobx-state-tree

1 个答案: