Question

假设我在状态树的不同部分中有一组操作，除了逻辑之外应该修改根节点上的某些属性，例如，切换加载 prop以指示UI应该全局更改进度指标的可见性。

const Contacts = types.model( 'Contacts', {
    items: types.array(types.string)
}).actions(self=>({
    show: flow(function* fetchData(){
        // somehow indicate start of the loading process
        self.items = yield fetch();
        // somehow indicate end of the loading process
    }) 
}));

const Store = types.model('AppStore', {
    loading: types.optional(types.boolean, false),
    contacts: Contacts
}).actions(self => ({
    toggle() {
        self.loading = !self.loading;
    }
}));

虽然我当然可以使用 getRoot ，但这会给测试流量带来一些不便，并降低整体设计透明度。

可能使用惰性组合并从模块中导出实例和模型声明可以做到，但这对我来说更加怪异。

在Mobx-State-Tree中处理此类问题的建议方法是什么？

Answer 1

我认为您可以在树中使用types.reference和types.late来访问根操作。

在Mobx-State-Tree中声明全局操作的最佳方法是什么？

1 个答案: