mobx-react相关内容

如何在 React Native 中将 createStackNavigator 作为类导出?

我在此处阅读了使用 createStackNavigator 作为组件的内容类是可能的,我正在努力实现这一目标,但我总是遇到错误. 代替这个: 导出默认 createStackNavigator({留言}, {默认导航选项:{手势启用:假}}) 我试过了: class MessagesStack extends React.Component {使成为() {const RouteCo ..
发布时间:2021-07-04 20:23:21 前端开发

简单的 MobX Observable 不渲染

我有一个简单的 React 类,用 MobX @observer 注释和简单的数据结构(用 @observable data = { .. } 注释.一个动作更新这个结构,但确实呈现. 这里是类的源代码:- import React, {Component, Fragment} from 'react';从“mobx-react"导入{观察者};从“mobx"导入 {observable} ..
发布时间:2021-06-03 18:36:58 其他开发

元素描述符的 .kind 属性必须是“method"或“method".或“字段"

我正在关注 mobx-react-router 的文档 但在尝试运行我的应用程序时,我在浏览器中收到以下错误: 未捕获的类型错误:元素描述符的 .kind 属性必须是“方法"或“字段",但装饰器创建了一个带有 .kind“未定义"的元素描述符在 _toElementDescriptor (app.js:49988)在 _toElementFinisherExtras (app.js:49990) ..
发布时间:2021-06-03 18:36:55 其他开发

如何访问另一个 mobx 商店中的 mobx 商店?

假设如下结构 stores/路由器商店.js用户商店.js索引.js 每个 ...Store.js 文件都是一个包含 @observable 和 @action 的 mobx 存储类.index.js 只是导出所有商店,所以 从“./RouterStore"导入路由器;从“./UserStore"导入用户;导出默认{用户,路由器}; 进入另一家商店的正确方法是什么?即在我的 UserSto ..
发布时间:2021-06-03 18:36:49 前端开发

是否可以在两个 mobx 商店之间创建继承?

我正在使用 mobx/react 构建两个小部件,其中所有逻辑都位于商店内.两者共享大部分设计规则,因此它们的商店有 95% 相同.有没有聪明的方法来处理这种情况?例如,是否可以创建这样的继承? class Animal {@observable 名称 = "";构造函数(名称){this.name = 名称;}@computed get 语句() {console.log(this.name ..
发布时间:2021-06-03 18:36:46 其他开发

使用React和Mobx的handleChange

在我的Web应用程序的第2步中,在MobX存储中分配了一个可观察的字符串值.然后在触发“第3步"组件渲染时将其渲染为textarea值. 我一直在 https://reactjs.org/docs/forms.html上关注React文档. 来处理对textarea值的手动更改,但未成功. 第3步功能组件中的我的文本区域(从语义UI React导入): ..
发布时间:2020-05-10 00:48:52 其他开发

为什么不应该将MobX用作状态容器?

为什么不应该将MobX用作状态容器?如官方文档所述"MobX不是状态容器"?不像Redux吗? 解决方案 与MobX状态树I相比,Redux更好,考虑到类似的动作分配模式,工具等.MobX对如何导出新状态不提供任何限制.从旧的.它更像是数据流库,因为其创建者喜欢调用它. MobX帮助我们在React组件之外设置反应性.这样,视图组件可以保持逻辑.但是,MST确实使状态管理变得更容易且 ..
发布时间:2020-05-10 00:48:49 前端开发

React Native Mobx空指针取消引用

我正在使用mobx(和mobx-persist)作为我的本机应用程序全局存储(我正在使用expo客户端).首先,我从服务器获取一些数据,然后将结果保存在存储中,并将其持久保存在asyncStorage中.最初它运行良好,但随后突然出现问题,当我尝试登录该应用程序时冻结,然后崩溃,并包含“原因:空指针取消引用"的摘要.以下是我的代码. 商店代码: import { observable, ..

Mobx可观察阵列未更新

我正在使用mobx在reactjs中以以下方式声明一个可观察的数组 @observable cacheditems constructor() { this.cacheditems = [] 现在,我正在离线时从pouch-db检索数据,如下所示: var items = [] db.allDocs({include_docs: true}, function(er ..
发布时间:2020-05-10 00:48:34 前端开发

检测可观察的Mobx何时更改

是否有可能以任何方式检测到可观察到的变化? 例如,说你有这个: @observable myObject = [{id: 1, name: 'apples'}, {id: 2, name: 'banana' }] 然后,在一些用户输入下,值会更改.我如何轻松检测到这一点? 我想添加一个全局的“保存"按钮,但是只有在自初始加载以来该可观察项已更改的情况下,才使其可单击. ..
发布时间:2020-05-10 00:48:15 其他开发

mobx反应动作绑定

对于那些使用mobx + react编写应用程序的人,我想知道使用inject& c的react组件内部的c5>事件处理程序observer. 我一直在编写类似于onClick={actionFromStore.bind(this.props.theStore)}的处理程序来解决该问题,但是似乎应该有一种我不知道的更简洁的方法来执行此操作. 我不是mobx专家,任何建议将不胜感激! ..
发布时间:2020-05-10 00:48:02 其他开发

React Mobx-商店更改后组件未更新

使用Mobx,在更新商店(即单击按钮)后,该组件不会重新呈现.我已经安装了mobx devtools,它在初始加载后什么也不显示,并且在控制台中没有错误.有任何想法我做错了吗? Store.js: import { observable } from 'mobx'; class Store { @observable me; constructor() { ..
发布时间:2020-05-10 00:47:47 其他开发

如何在sessionStorage中保存Mobx状态

试图从根本上实现这一目标 https://github.com/elgerlambert/redux-localstorage 适用于Redux,但适用于Mobx.并且最好是要使用sessionStorage.有没有一种简单的方法可以以最少的样板实现这一目标? 解决方案 最简单的方法是在任何可观察的属性发生变化时触发mobx“自动运行".为此,您可以按照我对这个问题的回答. 我将在此 ..
发布时间:2020-05-10 00:47:39 其他开发

为应用程序创建单个MobX存储的最佳方法是什么?

我已经使用MobX和Redux大约6个月了.我发现对于大多数应用程序,我更喜欢MobX的简单性.但是,我喜欢Redux的单一商店概念.我听到其他人评论说他们用MobX创造了一个故事,我正在尝试确定最好的方法.目前,我创建了多个商店,然后将它们导入单个商店. class UiStore { @observable uiData; constructor() { this.ui ..
发布时间:2020-05-10 00:47:34 其他开发