问题标签 [mobx-state-tree]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
763 浏览

vue.js - 如何将 Mobx 状态树与 Vue JS 集成?

我正在 Vue 上构建应用程序,并希望将 Mobx 状态树用作商店管理库。我尝试并最终使某些工作正常工作,但似乎无法正常工作。

首先,我有Changer通过操作更改存储的组件。完美运行。 其次,我有一个Test组件试图通过传递的道具对商店的变化做出反应。只有当我通过方法返回道具时才能正常工作。 第三,我有一个组件试图通过自身和propBlindTest对存储更改做出反应。仅当我将不可变快照作为via 函数提供时才能正常工作。this.$storestatestate

这是不正确和奇怪的行为。组件仅在 props 更改时更新,而不是在 state 更改时更新。为什么?

我还使用mobx-vue官方mobxjs存储库中的库来绑定mobxvue.

有带有演示应用程序的沙箱:https ://codesandbox.io/embed/vue-template-ouq7r

有什么方法可以正确连接 MST 和 Vue 吗?

0 投票
1 回答
432 浏览

javascript - 如何使用 Ignite Bowser 2 Boilerplate 在 React Native 中点击/使用帖子并获取 api。(Mobx 状态树,输入脚本)

我是 React Native 的新手,请提供一些 Github 链接或您自己的代码以供参考。将我视为 RN 的初学者。

我发现对 RN、Mobx 状态树、Ignite 等的开放支持非常少,所以不仅仅是发布和获取 API 参考,如果您发现与上述主题相关的任何有用信息,请随时分享。

提前致谢。

0 投票
1 回答
62 浏览

javascript - 如何应用不同类型的快照?

我在我的应用程序中使用不同类型的“Todo”模型。这些类型是通过一个名为“type”的字段实现的。

我的问题:当我想通过对我的对象应用快照将我的步骤类型从“清洁”更改为“购物”时,我收到错误消息:

...在路径“/type”值“shopping”不可分配给类型:“cleaning”

任何提示如何实现我的用例?

我创建了一个代码框示例,说明我想如何更改类型(只需单击按钮): https ://dm71z.csb.app/

不幸的是,我无法在控制台中显示错误。

0 投票
1 回答
123 浏览

mobx-state-tree - MST:用自己的孩子定义模型

刚开始摆弄 Mobx-state-tree。

我有这个模型,它具有可以用同一模型的实例填充的属性 parentchildren

所以基本上是这样的:

但是,显然Page还没有创建这个模型。

我怎样才能做到这一点?

0 投票
0 回答
153 浏览

reactjs - Mobx 状态树中的重复节点

处理作为单独子树一部分的树中重复节点的最佳方法是什么。假设我在根存储中有多个文档。每个文档都有字段,并且文档之间有共同的字段。但一次只有 1 个文档处于活动状态,所以我有一个名为 CurrentDoc 的引用类型,类型为 doc。当一个文档成为当前文档时,它的所有字段都会被获取。

0 投票
0 回答
395 浏览

reactjs - Mobx-State-Tree 改变状态时如何更新 React 组件内部函数?

当 mobx-state-tree 可观察地图大小发生变化时,我正在尝试更新我的道具。这是我的尝试:

然而,componentDidUpdate 并没有检测到 mobx-state-tree 的变化。

React 组件具有适当的观察者注入。

render 函数也有一个观察者:

问题:如何让 React 组件识别 mobx-state-tree 更改,并在 render() 块之外运行 React.Component 函数 (this.runThisFunction())?我想我可以尝试添加快照或补丁,但我不知道如何将它直接实现到 React.Component 级别的函数上,因此它无法监听 React.Component 状态更改。

0 投票
2 回答
217 浏览

visual-studio-code - 如何将 jsDoc 与 mobx-state-tree 一起使用?

我正在尝试将 jsDoc 用于我的 mobx-state-tree 驱动的应用程序,但它并没有按照我想要的方式做出反应。

Visual Studio 代码没有向我显示相应类型的正确属性:

vs-code 列出了错误的属性

jsDoc 在重构和保持 js 代码无缺陷方面提供了巨大的帮助!但是在这种情况下我该如何利用它呢?

我发现了这个,但似乎没有人真正使用它: https ://github.com/Feverqwe/mst-jsdoc-gen

我真的很想知道其他开发人员是如何处理这个问题的!

0 投票
1 回答
233 浏览

javascript - 在 MST 中为 Animated.Value、setInterval、require('image.png') 使用哪些类型?

我正在使用带有 MST 的本机反应,但我无法解决下一个问题在 MST 中使用哪些类型new Animated.Value(1),setInterval,require('image.png')?试过了stringfrozen没用。

需要你的帮助。谢谢!

0 投票
1 回答
543 浏览

mobx-state-tree - 有动态类型支持吗?

在 MobX 状态树中,如何定义具有动态类型的属性?例如:可以分配给任何类型..如整数、字符串、布尔值、对象等

任何想法?在 MST 中定义类型是强制性的吗?

0 投票
1 回答
198 浏览

mobx-state-tree - 如何将自动运行与流操作一起使用?

文档 autorun中所述,可用于对被调用函数进行去抖动,因此最后一次调用是我们在一定时间内被调用的唯一调用。

但我不知道如何将它与action使用 a 的 a一起使用flow,有什么例子吗?

例如:

上面的例子将如何autorun使用?