问题标签 [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 投票
1 回答
160 浏览

mobx - 级联动作不渲染

我正在做这样的事情:

这些动作是分开的,因为有时会fetchAnother被自己调用。

我将 store 注入到我的 React 组件类中。当fetch被调用时,包装在其中的第一个异步回调会action更新页面并urlData1呈现。然后调用并执行第二个回调fetchAnother,但不渲染,并且urlData2仅在我以其他方式强制重新渲染时才会显示。为什么,我该如何解决?

0 投票
0 回答
159 浏览

reactjs - 使用注释(装饰器)导致 MobX Gulp 错误

我有这个基本的 React (MobX) 商店。Gulp 运行正常,但在浏览器中仍然出现错误(Uncaught TypeError: Cannot read property 'apply' of undefined)。我测试了一切,如果我不添加@observable,那么它就可以工作。在生成的js文件中,问题发生在解释注释的同一位置。

Gulp 任务提取:

生成的代码:

0 投票
1 回答
3440 浏览

reactjs - 如何将 Mobx 可观察对象转换为字符串

我正在使用 Mobx 创建可观察状态。

这是我的代码片段:

在上面的代码中,“状态”对象是可观察的。当我尝试将其转换为字符串时,会出现错误:

错误:无法读取未定义的属性“原子”

0 投票
1 回答
609 浏览

javascript - 如何从外部访问 webpack bundle(js) 中的 mobx 对象

我想访问一个在 JSX 文件中声明的对象(即 MOBX 对象)。我使用 webpack 将我所有的 jsx 文件捆绑在一个输出文件 (bundle.js) 中。但我想访问捆绑文件中的一些函数和对象。我们怎么能做到这一点?

我的 webconfig.config.js

JSX 文件

我的目标是能够从外部访问 store 对象。类似'MyLibrary.store' 的东西。这怎么可能?

谢谢,马文

0 投票
1 回答
287 浏览

react-native - MobX 商店的 React Native ListView 中未呈现的行

我正在尝试在 React Native(0.33)中呈现带有节标题的 ListView,并且节标题正在呈现但不是行。数据来自 mobx 商店。

0 投票
1 回答
843 浏览

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

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

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

https://jsfiddle.net/56s57ryb/

将此用作商店:

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

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 投票
2 回答
6401 浏览

reactjs - 检测 mobx observable 何时发生变化

是否可以检测到可观察对象何时以任何方式发生变化?

例如,假设你有这个:

稍后,随着一些用户输入,值会发生变化。我怎样才能轻松检测到这一点?

我想添加一个全局“保存”按钮,但只有在该可观察对象自初始加载后发生更改时才使其可点击。

我当前的解决方案是添加另一个myObjectChanged返回 true/false 的 observable,只要组件更改 myObject 中的数据,我还会添加一行将 myObjectChanged 更改为 true。如果单击保存按钮,它会保存并将 observable 更改回 false。

这导致大量额外的代码行遍布各处。有更好/更清洁的方法吗?

0 投票
1 回答
274 浏览

reactjs - 有没有办法在 MobX 中微调一个可观察的值?

所以,我有一个商店,其中包含 React 应用程序中的 Auth 信息。身份验证来自 JWT 令牌。存储有一个@observable名为的值loggedIn,用于检查身份验证存储是否有令牌以及该令牌是否尚未过期,类似于以下内容:

MobX 依赖于动作来知道何时在应用程序周围传播状态变化,但loggedIn()变化的结果不是因为用户交互,而只是时间的流逝。

所以,我想知道的是如何在没有任何用户交互的情况下让这个值传播,如何在给定的时间间隔内“轻推”它,以便应用程序可以正确响应过期的身份验证。