mobx可观测值改变时的触发函数
mobx是一种用于构建可扩展的、响应式的应用程序的JavaScript状态管理库。它提供了一种简单而强大的方式来管理应用程序中的状态，并确保当状态变化时，相关的组件能够自动更新。
当mobx中的可观测值发生改变时，会触发与之相关的触发函数。这些触发函数可以是计算函数（computed functions）、反应函数（reaction functions）或副作用函数（effect functions）。它们的作用和用法如下：
- 计算函数（Computed Functions）：计算函数是由mobx自动维护的派生数据，它们根据可观测值的变化自动重新计算其结果。计算函数的结果会被缓存，只有当相关的可观测值发生变化时，计算函数才会重新计算。计算函数通常用于派生状态，例如从原始数据计算出衍生的数据。
- 反应函数（Reaction Functions）：反应函数是一种响应式的副作用机制，当可观测值改变时会自动运行。反应函数通常被用于处理可观测值的变化，并进行一些副作用操作，例如更新UI、发送网络请求、触发其他业务逻辑等。
- 副作用函数（Effect Functions）：副作用函数是一种类似于React的生命周期钩子函数的概念，用于在可观测值发生变化时执行副作用操作。副作用函数可以用来处理一些非响应式的逻辑，例如订阅外部事件、调用异步API等。
总结来说，当mobx中的可观测值改变时，会自动触发与之相关联的计算函数、反应函数和副作用函数。这样，我们可以方便地管理应用程序的状态，并保证相关组件和功能能够在状态变化时得到更新。
腾讯云提供了一系列适用于云计算领域的产品，包括云服务器、对象存储、数据库、人工智能等。具体在mobx中使用腾讯云产品的方法和示例请参考腾讯云文档：
腾讯云产品介绍：https://cloud.tencent.com/product mobx相关文档：https://mobx.js.org/ 云服务器：https://cloud.tencent.com/product/cvm 对象存储：https://cloud.tencent.com/product/cos 数据库：https://cloud.tencent.com/product/cdb 人工智能：https://cloud.tencent.com/product/ai
相关·内容
我使用mobx作为我的数据结构(而不是使用React)。我需要改变一个可观察的属性来分析这个变化的值的结构。经过分析，我撤消了更改并返回到原来的状态。我使用runInAction在mobx操作中包装了“更改观察值和更改返回观察值”。由于可观察属性在runInAction之前和之后具有相同的值，所以我期望(或者更确切地说是希望) mobx能够理解这
浏览 3提问于2021-09-14得票数 1
1回答
我目前正在尝试创建一个函数，当我的商店中的观察值发生变化时(我正在使用mobx)，应该在我的react组件中触发该函数。这是我的商店=> class myStore{} 这是我的react组件=> @observer }
someFunctionTriggeredBy
浏览 13提问于2019-03-05得票数 1
回答已采纳
如果可观测值在同一操作中被多次更改，则可观测值等于初始值(在操作之前)--这是否触发了mobX可观察的更新？
浏览 8提问于2022-09-27得票数 0
1回答
我试着听当前导航参数的变化。}指纹：a undefinedR undefinedR {a: "b"}如何观察当前的
浏览 0提问于2018-04-22得票数 1
回答已采纳
1回答
我对MobX还是个新手，我理解计算、自动运行、可观测的概念。但我正在为一个特定的场景而挣扎。我的存储中有以下代码(我使用mobx-state-tree)： export const store = types renderingState: types.optionaltrue时运行函数loadConfigurations。在这个场景中，我想要在renderingState为stage3，containerMounted为tru
浏览 20提问于2019-09-08得票数 2
使用需要传递给组件的道具的路由，我正在传递一个从我的商店中可以观察到的布尔值。当此值更改时，路由呈现的组件不会更新。如果我更改了可观察到的，组件"MyComponent“不会被重新呈现或通知更改。
如果我在顶层组件上调用任意的"setState“，它就能工作。有明显的解决办法吗？我可以加一个这样的黑客来使它正常工作。我可以将我的"MyComponent“包装在另一个可观
浏览 0提问于2018-03-15得票数 2
回答已采纳
1回答
我一直在努力将MobX实现到我的一个类中，我相信我已经接近实现它了，但是如果有人能指出我在这里出错的地方，我会非常感激的。实际上，当refreshJobs()函数运行时，我希望render()函数再次执行。据我所知，如果我更新了可观察到的对象作业，计算函数(renderSubmittedJobs()、renderInProgressJobs())将再次运行以产生新值，然后呈现函数将在更新这些值之后再
浏览 1提问于2018-03-22得票数 2
1回答
我正在探索MobX，并对一个问题感兴趣：class ItemsStore {}然后像这样改变它： store.items[0] = +new Date我注意到以下几点：
autorun(() => console.
浏览 2提问于2016-12-11得票数 5
回答已采纳
2回答
MobX存储责任
、、
最近，我开始使用MobX进行一个项目。我以前从未使用过MobX，所以我对一件事感到很困惑。 this.firstName = resp.first_name; });
浏览 3提问于2018-01-02得票数 3
回答已采纳
2回答
我面临的一个问题是，在路由导航/组件加载时，我的MobX存储可观察性不断重置。该场景如下，用户选择一个帐户并存储在selectedAccount中可观察到的内容。我想知道它是否与持有selectedAccount的存储的初始化有关。>; return <Route {...this.props}/>; }出口违约AccountRequired；
似乎每次加载使用存储<e
浏览 0提问于2019-04-09得票数 1
回答已采纳
在我的web应用程序的步骤2中，在MobX商店内分配了一个可观察到的字符串值。然后，当触发步骤3组件呈现时，它被呈现为textarea值。我一直在跟踪的React，以处理textarea值的手动更改，但没有成功。ui_store.set_final_text_message(text_input.target.value);};
<
浏览 1提问于2018-08-11得票数 1
回答已采纳
1回答
在我的应用程序的一个特性中，我与Firebase同步以获得活动事件的列表。这一结果的主要结果是，可观测到的信息将被实时地反复设置。这是伟大的，但它已经导致了一些MobX的麻烦。要演示，请看一看相关的商店：import
浏览 1提问于2017-04-10得票数 0
1回答
使用ES6映射构造函数，您可以使用可观察映射( new ())初始化可观测映射，也可以使用装饰器@观测性映射=新映射()来初始化类属性。当我运行以下代码时抛出误差我不明白.为什么？
帮帮我!谢谢
浏览 1提问于2020-07-03得票数 1
2回答
我有一个反应组件，我正在注射一个mobx商店。当我试图访问生命周期方法(componentWillMount或componentDidMOunt)中的存储中可观察到的值时，值是空的。但是，当我在render方法中访问它时，它是可用的。我遗漏了什么吗？我觉得我错过了一些最基本的东西。
浏览 4提问于2017-07-22得票数 2
回答已采纳
我试图使用extendObservable在可观察的状态下添加更多的属性，但是它不起作用。下面是我的代码 property: {}
console.log("我想将a添加为property下的可观察状态，但是在使用extendObservable方法后，没有执行autorun。我原以为值3会被打印出来，但它没有。我的</
浏览 3提问于2017-03-27得票数 1
回答已采纳
我在文档中读到mobx react提供了一个名为componentWillReact的新生命周期。但是，我的类似乎只对渲染函数中的mobx更改做出反应。当我的商店改变时，componentWillReact永远不会被触发。
我把“下一个”作为道具送下去。此应用程序不使用mobx inject。import { observer } from 'mobx-react
浏览 2提问于2017-10-18得票数 2
我在近半年的项目中使用了MobX + React。我们只使用“观察者”，“计算”，反应，有时
有人能为使用自动运行、拦截和观察展示真正有用的案例吗？
浏览 3提问于2020-04-12得票数 1
回答已采纳
我正在使用Mobx进行非常简单的状态管理。globalState.setCurrentIndex(1); child: Text("Press me"), ], }
} 当我改变这个小部件中的状态时，值就会更新。当我在另一个Widget中改变相同的观察值时，观察者并没有重新构建。 只有状态发生变化<e
浏览 27提问于2019-12-10得票数 0
回答已采纳
1回答
我在学习MobX，我不明白为什么autorun只开火一次.class FilterStore { console.log(store.items);});这是一个非常简单的设置，setInterval每秒钟都会更改我的可观察数组的值</em
浏览 10提问于2016-12-11得票数 3
回答已采纳
我怀疑我的反应是错误的。每当添加新键、删除现有键或更改键值时，我都想做出反应。我不知道编译时的键或值。根据MobX文档，mobx对在执行跟踪函数期间读取的任何现有可观察属性作出反应。当可观察到的属性改变时，反应副作用就会执行.在我的示例中，当响应criteria.filter时，此处读取
浏览 2提问于2019-02-06得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
