问题标签 [mobx]

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 回答
1840 浏览

javascript - 使用 Mobx 的 React-Router 中间件

我正在尝试设置一个只有用户“级别”大于 2 的人才能访问的管理页面。我正在使用 MobX 和 React-Router。问题可能是因为我不知道如何正确连接到 MobX 商店。我正在导入一个函数isAdmin,它位于routes.js的单独文件中。该函数如下所示:

这大致基于位于此处的react-router的 gitHub 页面的最后一个示例。

谢谢你的帮助!

0 投票
2 回答
676 浏览

reactjs - mobx - 查看商店的逻辑

我在 mobx + react 上有一个非常大的应用程序,其中许多组件在商店中调用相同的操作。例如,“删除照片”可以从照片列表或模式中调用。但是在执行我的操作之前,例如,显示一个确认模式......

我最终得到了这个解决方案,但看起来我正在将数据登录与视图逻辑混合在一起......

你怎么了?可以去吗?

多谢!

0 投票
1 回答
71 浏览

javascript - 如何硬编码 MobX 商店?

我正在开发一个使用 MobX 进行状态管理的 React 应用程序。在为一些新功能定义存储时,我想最初对存储进行硬编码,以便可以从调试过程中消除变量。我该怎么做呢?

谢谢!

0 投票
1 回答
6503 浏览

javascript - Mobx:向可观察对象添加新(数组)属性

我有一个可观察的对象,我想在其中存储一些数据。键是我的客户实体的唯一 ID,值是客户订单的数组(它们本身就是对象)。

我初始化一个对象:

然后,当我从网络获取数据时,我想存储它们,使用:

不幸的是,我的对象(或其属性)似乎没有被监视。

为什么是这样?我该如何解决这个问题?关于可观察对象如何使用数组作为其值,我需要了解一些特别的东西吗?

0 投票
1 回答
1553 浏览

reactjs - 将 react-router 与 mobx 状态同步

有什么办法,如何将 react-router 状态(位置、参数等)作为可观察属性存储到我的 appState 对象中?我正在寻找类似于react-router-redux的东西。

0 投票
1 回答
843 浏览

reactjs - MobX + React - 在外部组件中重新渲染可观察到

我一直在玩 MobX + React + React Sortable Hoc ( https://github.com/clauderic/react-sortable-hoc )

而且我无法动态地将新项目添加到可排序列表并使其立即出现。如果您单击“添加另一个”按钮几次以将新项目推送到列表中,然后重新排序列表中的项目,那么列表才会更新以显示所有项目:

https://jsfiddle.net/56s57ryb/

将此用作商店:

我一直在兜圈子,上下搜索互联网,但我似乎无法确定我哪里出错了。有谁知道发生了什么?

0 投票
3 回答
1089 浏览

javascript - MobX 在我的课堂上没有正确设置 observable

我正在尝试使我的 react 应用程序尽可能干燥,对于诸如使用 rest api 之类的常见事情,我创建了充当具有预定义操作的商店的类,以便于修改它。

看,大代码:

现在我只是创建一个简单的用户商店:

并且mobx-react可以很好地连接到商店,也可以阅读它。但是,每当我对项目(users在这种情况下,属性的名称是动态的)属性进行任何更改时,都没有反应。我还注意到,在 chrome 中,对象属性在树视图中没有“调用属性获取器”:

在此处输入图像描述

0 投票
1 回答
657 浏览

javascript - 如何将 react-google-maps 中的 lat/lng 附加到 this.state.markers

我已经实现了:

我正在尝试使用 arrOfAdds 数组中的任何内容来更新 this.state.markers (一个包含我所有的纬度/经度的数组,其中引脚将被丢弃),但我想我无法更新 this.state.markers ? 似乎当我在函数中运行调试器时,它跳过this.props.properties.map(...并直接进入arrOfAdds.map...,它从一开始就是一个空数组,不附加任何东西,然后通过this.props.properties.map(...创建正确填充的 arrOfAdds。

对如何做到这一点感到相当困惑,希望得到帮助。

0 投票
1 回答
1445 浏览

javascript - 没有机会让 mobx 观察到强类型对象

我使用 mobx 库。它非常适合 ReactJS。我有这样的可观察数组:

当我以这种方式添加对象时,我没有问题,并且给定的对象将可以按预期观察。

但是当我定义一个强类型对象(使用打字稿)

并以这种方式推送新对象,它是不可观察的

我怎么解决这个问题 !?

x 和 y 有什么区别?!

0 投票
1 回答
69 浏览

javascript - 即使在最后一次计算中没有使用,也可以观察计算值中使用的 observables

我只是想知道,即使没有在最后一次计算中使用,是否有一种惯用的方法可以使计算值中使用的 observables 被监视。

假设我有这个代码:

如果代码为真,计算值将自动返回真,并且不会让 this.array 被监视。因此,如果将来数组发生变化,则不会重新计算 arrayLength。

我使用的一种方法就是引用 observables。如果我这样更改,上面的代码可以工作

还有其他好的方法吗?或者编写一个在某些情况下依赖于可观察对象而在某些情况下不依赖于可观察对象的计算值通常只是一个坏主意?

感谢您的任何建议。