问题标签 [mobx-state-tree]

最近我在我的项目中使用 mobx-state-tree 来管理状态。由于有多个实体，例如工厂、车间、机器等。我在应用程序中创建了多个商店，然后使用 ApplicationStore 将它们组合在一起。

该构造后面是 中的示例mobx-state-tree/packages/mst-example-bookshop。但我不确定这是最佳实践，因为我遇到了一些非常令人困惑的问题。

所以我只是想知道是否有人可以给我一些其他示例，说明我应该如何管理多个商店的构造。我想听听您的意见，非常感谢您的帮助。

• 操作系统 - Windows 10 x64
• NodeJs v8.9.3
• npm 5.7.1

示例代码存储库 - https://github.com/niral3737/testMobxStateTreeApp

我正在使用 mobx-state-tree 并创建了一个带有字段名称的模型 Invoice。我在 App.js 类中使用该模型。

当它编译时，它会抛出

这里有什么问题？

我正在玩mobx-state-tree，我正在尝试找出最好的方法来让像window.innerHeight被绑在我的商店里这样的东西。我对 完全陌生Mobx，所以我无法立即想象如何使用observer()（或其他相关方法）集成它。似乎有一些很好的信息可以Mobx在文档中纯粹使用，但我想知道推荐用于什么mobx-state-tree。

根据我的猜测，我可以从windowusing开始，遵循依赖注入getEnv()的文档：

Example.js

测试文件

这在我在测试套件中运行时有效。

我将如何写这个以便任何时候window.innerWidth改变Box都会重新计算它的宽度？也许我可以使用views, 并且已经Box成为代表更改的更大 UI 存储的子节点？

任何建议将不胜感激，并提前致谢！

我正在使用 webpack 4、mobx 状态树和 babel。当我运行 mobx 状态树时，我在 IE 11 上收到此错误

我不确定我是否应该使用babel pollyfill或babel transform或其他不同的东西。

Scenario

I've two models one is Expense and other is DailyExpense(which contains an array of Expense) as the name suggest Expense is a just individual item of Expense while DailyExpense holds a bunch of Expense.

Question

Is it possible to create a model for tracking my all DailyExpense

I know I can create one more model where I can do something like this

But Can I create the model without giving any variable in it like here without a list, something like this?(I know this won't work, I've tried this)

I've tried creating following model

And I run following test case but it gave me an error [mobx-state-tree] Functions are not supported as properties, use views instead

如果我在 MST 的 README 文件的 Views 部分重新编写示例，但使用不带参数的普通函数而不是 getter，它是否仍会被视为具有与使用 getter 相同的好处的计算值？

抱歉，我确定这是一个愚蠢的问题——只是出于某种原因，我从来没有太喜欢那些吸气剂，我正在尝试 FlowType，但它似乎也不喜欢它们……

所以我有 mobx 商店：

如果我调用该动作存储不会更新并且如果我添加 try/catch 它会引发异常（不是很有帮助）。我尝试四处走动并使用 async/await（使用 .then()）而不是使用 yield 但什么也没有。

移动 self.token = ; 上面的 API 调用或删除 API 调用，然后更新存储。

不确定问题出在哪里，我正在使用 React Native Ignite 和他们的 Bowser 样板。

如果有人可以提供帮助，我将不胜感激。谢谢

我正在尝试克隆一个引用另一个模型的模型，但我得到：Error: [mobx-state-tree] Failed to resolve reference 'H1qH2j20z' to type 'AnonymousModel' (from node: /usualCustomer)...在克隆中。原版解决好了。

这是我的模型：

这个函数显示了问题：

我知道 Mobx-state-tree 提到tcomb作为影响 - 是否可以在前端和后端之间共享 mobx-state-tree 模型，以便我可以使用tcomb-validation执行验证检查，或者我应该只使用模型并尝试应用快照并显示这些错误？

我正在使用带有 react 和 typescript 的 mobx-state-tree 库。

商店.ts：

App.jsx 无状态组件：

当我尝试将 App 组件添加到根组件中时，出现打字稿编译器错误

类型“{}”不可分配给类型“IntrinsicAttributes & { rootStore: { user: { name: any; } & IStateTreeNode; } & IStateTreeNode; }'。

由 Provider mobx 组件注入的 RootStore，该组件使用 React 上下文机制将 rootStore 注入到子组件中。但看起来打字稿编译器不知道这种机制并抛出错误，因为 rootStore 必须由根组件显式提供。

我应该添加什么来显示 rootStore 将由 mobx 提供者提供的打字稿？