mobx-react相关内容
我在此处阅读了使用 createStackNavigator 作为组件的内容类是可能的,我正在努力实现这一目标,但我总是遇到错误. 代替这个: 导出默认 createStackNavigator({留言}, {默认导航选项:{手势启用:假}}) 我试过了: class MessagesStack extends React.Component {使成为() {const RouteCo
..
我有一个简单的 React 类,用 MobX @observer 注释和简单的数据结构(用 @observable data = { .. } 注释.一个动作更新这个结构,但确实呈现. 这里是类的源代码:- import React, {Component, Fragment} from 'react';从“mobx-react"导入{观察者};从“mobx"导入 {observable}
..
我正在关注 mobx-react-router 的文档 但在尝试运行我的应用程序时,我在浏览器中收到以下错误: 未捕获的类型错误:元素描述符的 .kind 属性必须是“方法"或“字段",但装饰器创建了一个带有 .kind“未定义"的元素描述符在 _toElementDescriptor (app.js:49988)在 _toElementFinisherExtras (app.js:49990)
..
假设如下结构 stores/路由器商店.js用户商店.js索引.js 每个 ...Store.js 文件都是一个包含 @observable 和 @action 的 mobx 存储类.index.js 只是导出所有商店,所以 从“./RouterStore"导入路由器;从“./UserStore"导入用户;导出默认{用户,路由器}; 进入另一家商店的正确方法是什么?即在我的 UserSto
..
我正在使用 mobx/react 构建两个小部件,其中所有逻辑都位于商店内.两者共享大部分设计规则,因此它们的商店有 95% 相同.有没有聪明的方法来处理这种情况?例如,是否可以创建这样的继承? class Animal {@observable 名称 = "";构造函数(名称){this.name = 名称;}@computed get 语句() {console.log(this.name
..
在我的Web应用程序的第2步中,在MobX存储中分配了一个可观察的字符串值.然后在触发“第3步"组件渲染时将其渲染为textarea值. 我一直在 https://reactjs.org/docs/forms.html上关注React文档. 来处理对textarea值的手动更改,但未成功. 第3步功能组件中的我的文本区域(从语义UI React导入):
..
为什么不应该将MobX用作状态容器?如官方文档所述"MobX不是状态容器"?不像Redux吗? 解决方案 与MobX状态树I相比,Redux更好,考虑到类似的动作分配模式,工具等.MobX对如何导出新状态不提供任何限制.从旧的.它更像是数据流库,因为其创建者喜欢调用它. MobX帮助我们在React组件之外设置反应性.这样,视图组件可以保持逻辑.但是,MST确实使状态管理变得更容易且
..
我有一个使用FlatList的RN(0.44.2)mobx(3.1.10)应用程序.我基本上是在 https://blog.callstack.io/write-react-native-apps-in-2017-style-with-mobx-e2dffc209fcb 在使用自己的商店时,与示例相反,我必须使用toJS()才能使FlastList呈现 // renders l
..
我想在react-navigation中的createStackNavigator中使用Mobx存储变量.具体来说,我想使用商店动态更改初始路线(以便用户可以更改初始屏幕).这有可能吗?符合... const stack = createStackNavigator({ Home:{ ... }, { initialRouteName: this.props.store.initi
..
我正在使用mobx(和mobx-persist)作为我的本机应用程序全局存储(我正在使用expo客户端).首先,我从服务器获取一些数据,然后将结果保存在存储中,并将其持久保存在asyncStorage中.最初它运行良好,但随后突然出现问题,当我尝试登录该应用程序时冻结,然后崩溃,并包含“原因:空指针取消引用"的摘要.以下是我的代码. 商店代码: import { observable,
..
我正在使用mobx在reactjs中以以下方式声明一个可观察的数组 @observable cacheditems constructor() { this.cacheditems = [] 现在,我正在离线时从pouch-db检索数据,如下所示: var items = [] db.allDocs({include_docs: true}, function(er
..
我正在尝试向我的React Component注入商店,但是出现以下错误: 未定义不是函数(评估'decorator(target,property,desc)') 在我的 App.js 中,我拥有: import React, { Component } from 'react'; import PoolComponent from './app/Components/Pool
..
我想集成 mobx 和 [1] https://hackernoon.com/react-navigation-with- mobx-2064fcdaa25b [2] https://blog .callstack.io/write-react-native-apps-in-2017-style-with-mobx-e2dffc209fcb [3] https://github .com/r
..
是否有可能以任何方式检测到可观察到的变化? 例如,说你有这个: @observable myObject = [{id: 1, name: 'apples'}, {id: 2, name: 'banana' }] 然后,在一些用户输入下,值会更改.我如何轻松检测到这一点? 我想添加一个全局的“保存"按钮,但是只有在自初始加载以来该可观察项已更改的情况下,才使其可单击.
..
这是我拥有的代码 https://jsfiddle.net/v0592ua1/1/ const {observable, computed, extendObservable} = mobx; const {observer, inject, Provider} = mobxReact; const {Component} = React; const {render} = ReactDO
..
对于那些使用mobx + react编写应用程序的人,我想知道使用inject& c的react组件内部的c5>事件处理程序observer. 我一直在编写类似于onClick={actionFromStore.bind(this.props.theStore)}的处理程序来解决该问题,但是似乎应该有一种我不知道的更简洁的方法来执行此操作. 我不是mobx专家,任何建议将不胜感激!
..
使用Mobx,在更新商店(即单击按钮)后,该组件不会重新呈现.我已经安装了mobx devtools,它在初始加载后什么也不显示,并且在控制台中没有错误.有任何想法我做错了吗? Store.js: import { observable } from 'mobx'; class Store { @observable me; constructor() {
..
Mobx&入门做出反应,使商店无法更新.单击按钮时出现错误,该按钮应更新'me'属性: Store.js:12 Uncaught TypeError: Cannot set property 'me' of null 我的商店: import { observable } from 'mobx'; class Store { @observable me; c
..
试图从根本上实现这一目标 https://github.com/elgerlambert/redux-localstorage 适用于Redux,但适用于Mobx.并且最好是要使用sessionStorage.有没有一种简单的方法可以以最少的样板实现这一目标? 解决方案 最简单的方法是在任何可观察的属性发生变化时触发mobx“自动运行".为此,您可以按照我对这个问题的回答. 我将在此
..
我已经使用MobX和Redux大约6个月了.我发现对于大多数应用程序,我更喜欢MobX的简单性.但是,我喜欢Redux的单一商店概念.我听到其他人评论说他们用MobX创造了一个故事,我正在尝试确定最好的方法.目前,我创建了多个商店,然后将它们导入单个商店. class UiStore { @observable uiData; constructor() { this.ui
..