0

使用 mobx-state-tree 我想将参数传递给异步操作。他们建议使用生成器功能。他们的示例不提供使用参数的示例，而且我发现如何做到这一点并不明显。

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

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")

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

4

1 回答 1

7

我尝试了一个简单的示例，如下所示，它可以工作 -

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")
});

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

于 2019-07-02T12:03:34.563 回答