问题标签 [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.
mobx - 级联动作不渲染
我正在做这样的事情:
这些动作是分开的,因为有时会fetchAnother
被自己调用。
我将 store 注入到我的 React 组件类中。当fetch
被调用时,包装在其中的第一个异步回调会action
更新页面并urlData1
呈现。然后调用并执行第二个回调fetchAnother
,但不渲染,并且urlData2
仅在我以其他方式强制重新渲染时才会显示。为什么,我该如何解决?
reactjs - 使用注释(装饰器)导致 MobX Gulp 错误
我有这个基本的 React (MobX) 商店。Gulp 运行正常,但在浏览器中仍然出现错误(Uncaught TypeError: Cannot read property 'apply' of undefined)。我测试了一切,如果我不添加@observable,那么它就可以工作。在生成的js文件中,问题发生在解释注释的同一位置。
Gulp 任务提取:
生成的代码:
reactjs - 如何将 Mobx 可观察对象转换为字符串
我正在使用 Mobx 创建可观察状态。
这是我的代码片段:
在上面的代码中,“状态”对象是可观察的。当我尝试将其转换为字符串时,会出现错误:
错误:无法读取未定义的属性“原子”
javascript - 如何从外部访问 webpack bundle(js) 中的 mobx 对象
我想访问一个在 JSX 文件中声明的对象(即 MOBX 对象)。我使用 webpack 将我所有的 jsx 文件捆绑在一个输出文件 (bundle.js) 中。但我想访问捆绑文件中的一些函数和对象。我们怎么能做到这一点?
我的 webconfig.config.js
JSX 文件
我的目标是能够从外部访问 store 对象。类似'MyLibrary.store' 的东西。这怎么可能?
谢谢,马文
react-native - MobX 商店的 React Native ListView 中未呈现的行
我正在尝试在 React Native(0.33)中呈现带有节标题的 ListView,并且节标题正在呈现但不是行。数据来自 mobx 商店。
reactjs - MobX + React - 在外部组件中重新渲染可观察到
我一直在玩 MobX + React + React Sortable Hoc ( https://github.com/clauderic/react-sortable-hoc )
而且我无法动态地将新项目添加到可排序列表并使其立即出现。如果您单击“添加另一个”按钮几次以将新项目推送到列表中,然后重新排序列表中的项目,那么列表才会更新以显示所有项目:
https://jsfiddle.net/56s57ryb/
将此用作商店:
我一直在兜圈子,上下搜索互联网,但我似乎无法确定我哪里出错了。有谁知道发生了什么?
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。
对如何做到这一点感到相当困惑,希望得到帮助。
javascript - 没有机会让 mobx 观察到强类型对象
我使用 mobx 库。它非常适合 ReactJS。我有这样的可观察数组:
当我以这种方式添加对象时,我没有问题,并且给定的对象将可以按预期观察。
但是当我定义一个强类型对象(使用打字稿)
并以这种方式推送新对象,它是不可观察的
我怎么解决这个问题 !?
x 和 y 有什么区别?!
reactjs - 检测 mobx observable 何时发生变化
是否可以检测到可观察对象何时以任何方式发生变化?
例如,假设你有这个:
稍后,随着一些用户输入,值会发生变化。我怎样才能轻松检测到这一点?
我想添加一个全局“保存”按钮,但只有在该可观察对象自初始加载后发生更改时才使其可点击。
我当前的解决方案是添加另一个myObjectChanged
返回 true/false 的 observable,只要组件更改 myObject 中的数据,我还会添加一行将 myObjectChanged 更改为 true。如果单击保存按钮,它会保存并将 observable 更改回 false。
这导致大量额外的代码行遍布各处。有更好/更清洁的方法吗?
reactjs - 有没有办法在 MobX 中微调一个可观察的值?
所以,我有一个商店,其中包含 React 应用程序中的 Auth 信息。身份验证来自 JWT 令牌。存储有一个@observable
名为的值loggedIn
,用于检查身份验证存储是否有令牌以及该令牌是否尚未过期,类似于以下内容:
MobX 依赖于动作来知道何时在应用程序周围传播状态变化,但loggedIn()
变化的结果不是因为用户交互,而只是时间的流逝。
所以,我想知道的是如何在没有任何用户交互的情况下让这个值传播,如何在给定的时间间隔内“轻推”它,以便应用程序可以正确响应过期的身份验证。