问题标签 [mobx-react]

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 投票
0 回答
237 浏览

reactjs - mobx 没有跟踪可观察的属性

我搜索了很多,并做了所有我认为看起来有必要让 obseravle 工作的东西,但不知何故 mobx 缺乏观察可观察的属性(menuItems)。

我检查执行顺序,尽管加载到字段精细组件的提取数据呈现方法未重新运行

根文件;

应用组件;

和菜单组件,每当可观察字段更新时,我希望下面的渲染方法..但它不在乎。

我不知道它是否有帮助,但我分享了“menuItems”属性在涉及到它时的外观,在此调试器步骤之后,它转到 AppState 文件并在此点执行结束后设置 menuItems,但我希望它在 Menu 组件中重新呈现? 在此处输入图像描述

0 投票
1 回答
2708 浏览

javascript - MobX 中的事件:从 store 的 action 中调用 view 的方法

如何从 MobX 中存储的异步操作中调用视图方法?例如,我有代码,如下所示:

当函数成功或失败时,应该调用视图中的某些方法,例如,显示错误对话框或调用push方法Navigator

目前,我有一个想法:在 store 中创建一个带有状态的可观察字段。当状态发生变化时,render我的视图方法将被调用,我将可以处理发生的动作并在商店中重置状态。

但是有没有更好的实现这个想法的变体?

0 投票
1 回答
2359 浏览

reactjs - 电子不允许加载本地资源

我希望在Electron中使用使用 MobX 框架的 React 应用程序。我用 React 成功加载 MobX,但是当我尝试用 Electron 包装它时,我有一个控制台错误消息not allowed to load local resource

我的包 JSON:

我的 webpack.config.js

为什么电子说他不允许加载本地资源?电子不应该访问本地文件?我该如何解决这个问题?

0 投票
2 回答
1083 浏览

javascript - 在 MobX 中使用 React 时可以直接修改状态吗?

我不应该这样做的唯一原因是让反应更新视图。https://facebook.github.io/react/docs/state-and-lifecycle.html#using-state-correctly
但似乎 MobX-react 为我做了这些肮脏的工作。我只需要标记this.state为可观察的,一切都按预期工作。有什么缺点吗?我不想把所有的州都扔进一个大商店。

JSFiddle 链接

代码:

0 投票
1 回答
818 浏览

javascript - 在 mobx 商店中使用代理

我有一个带有 react 和 mobx 的应用程序,我想将所有日志记录用户交互(操作调用)与 Mobx 商店分开,所以我做了一些搜索,我发现代理模式是这个员工的最佳方式,我的问题是我怎么能在我的情况下使用 Mobx 和代理。谢谢

0 投票
2 回答
105 浏览

reactjs - MobX 不会访问数组值

我有点迷失在 MobX 中的数组,

我正在尝试访问数组的值并对其进行处理,但它的行为非常奇怪。

例如 :

所以我不能映射我的数组,我不能循环我的数组,它完全没用。

.slice我看到了一些关于使用and处理这个问题的同一主题的问题.replace,但这也无济于事。

如果你需要我,我可以添加其余的代码

0 投票
1 回答
318 浏览

reactjs - 如何开始工作 mobx + react + ui 组件?

在项目中我使用的ui组件在下面的代码中是用伪时钟的形式表示的。
如何在不更改实际上是外部库的代码时钟的情况下使此代码工作。

最重要的是,该决定本着 mobx 的精神。

0 投票
2 回答
22402 浏览

javascript - 如何将 mobx 存储注入到无状态组件中

我正在使用一个 Web 应用程序,mobx并且react我想找到一种将mobx存储状态传递给无状态组件的方法。以下是我当前的组件源代码:

如何将其更改为无状态?我尝试了下面的代码,但没有奏效:

当我运行上面的代码时,我得到了该方法的undefined价值。如何将商店注入无状态组件?我尝试在无状态组件之上使用,但出现语法错误。formconnect@inject

0 投票
2 回答
416 浏览

javascript - Mobx @observer 组件和自动运行渲染

假设我有两个React组件ParentChild它们都是@observerMobx. 如果孩子使用Mobx它的渲染方法之外的值,那么componentWillReceiveProps()该值/可观察值是否会被父组件的渲染跟踪autorun

谢谢

0 投票
1 回答
50 浏览

reactjs - mobx 不看变量

我设置了一个数组的值,即obv。并迭代它以创建我希望在浏览器中看到这个 html 输出但空白页面的 jsx 元素。

这是代码:

index.js:

appState.js

我检查了加载到项目的内容数据很好..这里有什么问题?