问题标签 [mobx]

我想将它们从捆绑包中排除，以便它们可以被浏览器缓存。我在 webpack.config.js 中尝试了这个和一些变体但没有成功。react 和 react-dom 工作正常。

我把它们放在我的 index.html 中

我收到此错误：

谢谢你的帮助。

我正在尝试将使用设置状态的现有应用程序转换为使用 Mobx。如何使用 mobx 实现设置状态回调功能。我是否需要使用 componentDidUpdate 来实现此功能？

我在 Github 上查看了这个问题，在 stackoverflow 上查看了这个问题，但我仍然不确定如何为我拥有的数据结构触发自动运行。我从存储中获取数据作为 json 对象。

每次将新对象添加到数据数组或更改对象中的任何字段值时，如何让自动运行运行？

我有 4 个商店用于堆栈溢出示例：

前 3 家门店各有一个@observable questionsList = [];

questionsList当填充有问题时，可以从这 3 个商店中的任何一个访问问题。An@observable currentQuestion将当前选定的问题保存在CurrentQuestionStore

如果用户支持currentQuestion，我们只需使用 增加当前问题的计数CurrentQuestionStore.currentQuestion.upvotes++，但这并不反映其他 3 个商店中的最新支持计数。

问题是其他 3 家商店中可能存在也可能不存在这个问题questionlists，所以我想知道使用 MobX 解决这个问题的最佳方法是什么？因此，我们可以更新questionId = 1所有商店的最新计数（如果存在）。更改标题、答案计数或任何其他属性时也会出现同样的情况currentQuestion

一次反映跨商店的任何属性变化的最佳方式是什么？

问题：同时拥有 mobx 和 react，然后同时使用 reacts 组件状态和@observer @observablefrom mobx 是否是一种反模式？

因为据我所知，mobx 试图替换反应状态，或者至少做了一些非常相似的事情。

我创建了一个商店，使用mobx如下：

然后我在我的 React 视图中观察该商店：

在第一次渲染时，我的视图工作得很好（尽管数组Feed中没有项目）。InfluencerFeedStore.data

如果我稍后通过调用加载项目InfluencerFeedStore.setData()，React 将正确尝试重新渲染Feed视图（因为它注意到 mobx 可观察对象已更新）......但我收到一个错误，抱怨InfluencerFeedStore.data.map is not a function.

通过阅读mobx文档，我发现重新分配我的data属性是有问题的，因为它是一个数组（而其他数据类型，如字符串“正常工作”）。谁能告诉我我在这里做错了什么？

Q1：当使用 observablearray.replace 时，我们需要事务吗？

根据此链接 https://mobxjs.github.io/mobx/refguide/transaction.html

它在每个项目的推送过程中提到。

Q2：Transaction 是提高性能还是只是为了包装，以便仅在事务完成后才进行渲染。

我正在使用 react-select，在我的网络应用程序中添加多选控件。http://jedwatson.github.io/react-select/ 我正在寻找一个将 mobx observables 注入控件的好例子。我遇到的第一个挑战是以异步方式初始化选项（选项是从服务器获取的，但之后我希望应用常规过滤，不需要异步选项）。有什么好的例子吗？

我对 MobX 注入装饰器的理解是，使用 Enzyme，我应该能够在我的单元测试中简单地初始化一个存储，然后作为道具传递给我正在安装的组件。[src: https://semaphoreci.com/community/tutorials/how-to-test-react-and-mobx-with-jest并滚动到集成测试部分。] 但是我不断收到商店不可用！错误。这往往是一个问题，特别是如果我要注入多个商店。

所以在我的组件中：

我的测试应该是这样的。

我在这里需要其他类型的提供者还是我只是错过了一些明显的东西？

我正在学习 MobX，无法理解为什么autorun只触发一次......

jsFiddle：https ://jsfiddle.net/1vmtzn27/

这是一个非常简单的设置，setInterval每秒都在改变我的可观察数组的值，但autorun没有被触发......知道为什么吗？