MobX -将参数作为可观察值传递给操作，以更改可观察值？
MobX是一个用于状态管理的JavaScript库，它可以帮助开发者更轻松地管理应用程序中的可变状态。它通过将参数作为可观察值传递给操作来实现状态的更改。
可观察值是MobX中的核心概念之一，它是一个可以被观察的值，当它发生变化时，会自动通知依赖它的其他部分。在MobX中，可以使用observable函数将一个普通的JavaScript对象、数组或类的属性转换为可观察值。一旦将一个属性转换为可观察值，当该属性的值发生变化时，所有依赖于该属性的部分都会自动更新。
操作是指对可观察值进行修改的行为。在MobX中，可以使用action函数来定义一个操作。当操作被调用时，任何对可观察值的修改都应该在操作内部进行，这样MobX才能正确地追踪和更新依赖关系。
通过将参数作为可观察值传递给操作，可以实现以下优势：
- 自动追踪依赖：当操作内部修改可观察值时，MobX会自动追踪依赖关系，并在相关的部分进行更新。这样可以避免手动管理依赖关系的复杂性。
- 简化状态管理：MobX提供了一种简单而直观的方式来管理应用程序的状态。通过将参数作为可观察值传递给操作，可以轻松地跟踪和修改状态。
- 响应式更新：当可观察值发生变化时，所有依赖于它的部分都会自动更新。这使得应用程序能够实时响应状态的变化，提供更好的用户体验。
MobX适用于各种应用场景，特别是在需要管理复杂状态的大型应用程序中。它可以与各种前端框架（如React、Vue等）无缝集成，提供了一种简单而强大的状态管理解决方案。
腾讯云提供了云计算相关的产品和服务，其中与MobX相关的产品可能包括云函数（Serverless）、云数据库MongoDB、云存储COS等。您可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多关于这些产品的详细信息和使用指南。
相关·内容
我有一个MobX存储，以及一个react原生类设置和工作，但不是预期的那样。receive_answers_mail: 0, }在react本地类中，我希望根据TouchableHighlight的onPress更新上面的观察值1 : 0;正如警报所示，preferenceName参数可以很好地传递，但当“附加”此处的UserPreferencesStore.userPreferences.preferenceName以
浏览 3提问于2016-07-17得票数 1
回答已采纳
1回答
我知道MobX可以检测对象属性何时发生变化(在我们的例子中是myData.name)，但是MobX如何知道User组件取决于 myData.name @observableUser extends Component { // here, User depends on myData.name, but how MobXmyData} />, document.getElementById('root
浏览 0提问于2018-06-12得票数 2
作为一个示例，我想要一个Panel来调整iframe外部的状态，它会立即在iframe内重新呈现react组件。反之亦然，我希望对iframe内部组件的更改传播到iframe外部的设置面板。
浏览 20提问于2019-01-12得票数 3
我有一个具有可观察属性的可构造对象。Item() { this.prop = ko.observable() }var instance = ko.observable(new Item())var instance = new Item()
我将该实例作为参数传递给一个组
浏览 2提问于2016-04-13得票数 1
2回答
我正在尝试基于MobX可观察值在App.js中呈现一个组件。我想定义一个接受组件和一些新的自定义属性赋值的操作。update_ui_in_main_section(ComponentTag, props) {}
component参数按预期工作ChildComponentToBeSwitchedIn name={ui_store.name} handleClick={thi
浏览 11提问于2018-08-07得票数 2
回答已采纳
1回答
我使用这个组件来制作一个可排序项目的列表。但我必须对api进行post调用，以保存列表的新订单。因此，我在条目数组上定义了一个监视器，每当它按照可拖放组件排序时，如果数组顺序发生了变化，我就向api发出请求。在我的观察者中，我有prevValues和newValues，用于比较和检查条目顺序是否有任何
浏览 6提问于2020-08-05得票数 0
回答已采纳
我正在使用RxJava，其中我想要基于某些条件动态创建许多可观察对象。完成创建后，我想对由可观察对象返回的不同值进行一些处理，然后作为一个可订阅的可观察对象发送。an Observable<String>但在这里，我想对listOfObservable中不同可观察对象发出的值进行一些操作，并最终将其作为
浏览 1提问于2016-08-29得票数 3
回答已采纳
我有一个提交按钮，这是一个依赖于以下计算出的MobX函数的表单 @computed let questionsToValidate) => { doSubmitForm(); incrementActivityIndex() }}>Submit</Button> 我希望只有在回调中使用的this.entryPostParams可观察对象发生更改时才会运行难道这个回调不应该只在可观察对象发
浏览 77提问于2021-03-16得票数 0
这是一个关于RxJS 6设计的问题，以两个操作符为例。
想必，source.pipe(last(p))和source.pipe(filter(p), last())
浏览 0提问于2019-03-10得票数 1
1回答
使用mobx反应可排序的JS
、、、、
我正在构建一个功能组件，它应该使用计算数组(层数组)呈现一个可排序组件(ReactSortable)，该组件来自使用react-sortablejs的mobx store。组件在应用程序加载时呈现，但当通过拖放元素重新排列数组时，我得到以下错误： mobx.module.js:89未捕获错误: mobx由于启用了严格模式，因此不允许在操作之外更改观察到的值。如果要进行此更改，请将代码包装在action中。实际上，layers数组是从商
浏览 26提问于2020-08-18得票数 2
2回答
这似乎工作得很好，除了预览组件中的列表不会在商店更改时更新/重新呈现，即使它有一个@观察者装饰器。我遗漏了什么？表单有一个按钮和处理函数，用于将项目添加到存储区： @observer class Form extends React.Component{AppStore.current.items} onSortEnd={this.onSortEnd} />;import { observable, action, comp
浏览 1提问于2018-12-22得票数 4
使用需要传递给组件的道具的路由，我正在传递一个从我的商店中可以观察到的布尔值。当此值更改时，路由呈现的组件不会更新。如果我更改了可观察到的，组件"MyComponent“不会被重新呈现或通知更改。
如果我在顶层组件上调用任意的"setState“，它就能工作。我可以将我的"MyComponent“包装在另一个可观察到的地方，并以这种方式传递下去，但这不利于我的设计。虽然没那么重要。在这一点上，这纯粹是学术性的。我想知道为什
浏览 0提问于2018-03-15得票数 2
回答已采纳
Mobx同时支持@可观和@observable.ref修饰符，他们的官方文档说
observable: This is the default modifier, used by any observable我不明白为什么我们需要为已经存在的可观察到的情况建立一个可观察的参考资料。这两种情况有何不同?它们的用例是什么？
浏览 3提问于2019-11-14得票数 6
回答已采纳
几乎所有示例(甚至官方文档)都将mobx-react-light与useContext()挂钩结合使用。
然而，许多文章和博客建议不要使用 useContext()进行中/高频率的更新。应该将包与钩子结合使用，还是会出现性能问题？
浏览 2提问于2020-10-14得票数 5
回答已采纳
据我所知，_http.get(url)返回一个可观察的，但是我们将一个.map()链接到.get()方法。我还猜测，下面的.map()作为接收http-response对象工作，我们立即将其转换为json对象。对象(作为next或回调函数)。是作用于响应对象的.map()函数，不会更改整个_http.get()函数的返回类型。(返回类型与可观察类型相同)？我的假设正确吗？我们可以将.map()添加到所有异步函数(承诺、可观察、回调)以
浏览 4提问于2018-01-11得票数 1
回答已采纳
有谁能向我解释一下真正的区别是什么，以及为什么这里的两个例子都是一样的：colorStore文件：setColor(){}React组件文件：
onClick =
浏览 1提问于2020-04-06得票数 3
回答已采纳
我使用mobx作为我的数据结构(而不是使用React)。我需要改变一个可观察的属性来分析这个变化的值的结构。经过分析，我撤消了更改并返回到原来的状态。我使用runInAction在mobx操作中包装了“更改观察值和更改返回观察值”。由于可观察属性在runInAction之前和之后具有相同的值，所以我期望(或者更确切地说是希望)
浏览 3提问于2021-09-14得票数 1
1回答
我看到的将React组件与MobX存储集成的示例似乎是紧密耦合的。我想以一种更可重用的方式来做这件事，并希望能帮助理解“正确”的方法来做到这一点。我编写了下面的代码( and + MobX + Typescript)来说明我想要做什么，以及我遇到的问题。 @action setEndTimestamp(val: number) { this.endTimestamp = val; }假设我希望创建一个可重
浏览 4提问于2019-04-02得票数 4
回答已采纳
在java中，您可以让模型扩展可观察类，视图实现观察者接口，以便使用观察员模式实现MVC，如： public void update例如，我需要通知整数值和字符串的更改。我知道一些解决办法来解决这个问题。我只想听听你对什么是最好的办法的意见。notifyObservers("x");视图会检查这些值。如果你有其他的方法，他们是受
浏览 1提问于2014-02-01得票数 1
回答已采纳
我和mobx有个问题。事实上，我有一个简单的聊天室，它使用我自己定义的WebSocketService。虽然这个服务用我的API抽象交换，但是聊天本身处理消息的存储。createBrowserHistory} from 'history';import {Provider} from "mobx-react";
import {LoggedUserModel} from "app/mod
浏览 0提问于2019-09-13得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
