我可以在MobX中手动触发特定属性的观察者吗？
在MobX中，可以通过使用autorun函数来手动触发特定属性的观察者。autorun函数是MobX的核心函数之一，它接收一个函数作为参数，并在函数中自动追踪所使用的可观察属性。当这些可观察属性发生变化时，autorun函数会自动重新运行。
要手动触发特定属性的观察者，可以在autorun函数中使用该属性。当该属性发生变化时，autorun函数会重新运行，从而触发观察者。
以下是一个示例：
import { observable, autorun } from "mobx";
class Store {
@observable
count = 0;
}
const store = new Store();
autorun(() => {
console.log("Count:", store.count);
});
// 手动触发观察者
store.count = 1; // 触发观察者，输出 "Count: 1"
store.count = 2; // 触发观察者，输出 "Count: 2"在上面的示例中，我们创建了一个名为Store的类，并在其中定义了一个可观察属性count。然后，我们使用autorun函数创建了一个观察者，它会在count属性发生变化时输出当前的计数值。
通过手动修改store.count的值，我们可以触发观察者并输出相应的结果。
关于MobX的更多信息和使用方法，你可以参考腾讯云的产品介绍页面：MobX产品介绍。
相关·内容
1回答
将react.useEffect和mobx.autorun结合使用
reactjs、react-hooks、mobx-react
在MobX with receipe中，在部分有一个接收程序来响应useEffect钩子中的更改。
import React from 'react'
import { autorun } from 'mobx'
function useDocumentTitle(store: TStore) {
React.useEffect(
() =>
autorun(() => {
document.title = `${store.title} - ${store.sectionName}`
}),
浏览 16提问于2019-10-09得票数 6
1回答
nodejs中的mobx :观察原语数组
javascript、typescript、mobx
我对mobx是个新手，并且一直在用我的方式阅读文档。在阅读了有关observable和autorun的内容后，我创建了一个小型试验床来在本地使用该功能。
当使用mobx 5.15.4在nodejs 13.12中执行以下代码时，autorun函数仅被调用一次。它不会对最后一行做出反应，因为最后一行的数字会被更新。
const mobx = require('mobx')
const {observable, autorun} = mobx;
// just to make sure it is imported
console.log(observable);
var nu
浏览 2提问于2020-03-31得票数 2
1回答
如何检查mobx observable是否有订阅者？
javascript、angular、observer-pattern、mobx
如何检查mobx observable是否有订阅者？或者观察者获取订阅者时如何获取事件？
例如，我有一些方法：fetchData()和一些变量：@observable responseData，并且我希望只有当responseData有订阅者(像@reaction或@autorun这样的消费者)时才运行fetchData()。
如果有一个isObservableHasSubscribers(observableVar);方法就好了
完整代码示例(堆栈: Angular和Mobx)：
SomeStore {
@observable responseData;
fetchData
浏览 13提问于2018-01-14得票数 1
回答已采纳
1回答
MobX自动运行行为
javascript、mobx
我正在探索MobX，并对一个问题感兴趣：
如果我能观察到的话：
class ItemsStore {
@observable items = [1,2,3];
}
const store = new ItemsStore;
然后像这样改变它：
setInterval(() => {
store.items[0] = +new Date
}, 1000)
我注意到以下几点：
autorun(() => console.log(store.items));
autorun(() => console.log(store.items[0]));
au
浏览 2提问于2016-12-11得票数 5
回答已采纳
1回答
Mobx不观察可观测数组中的类
javascript、reactjs、mobx
如果我将类实例推入MobX中的可观察数组中，那么它就不会被观察到。然而，如果我将一个文字对象推入一个可观察的数组中，那么它就会被观察到。
说
“数组的所有(未来)值也将是可观测的”
所以我想弄明白为什么会发生这种情况。
例如，可以在节点中运行以下代码：
let mobx = require('mobx');
class TodoStore {
constructor() {
this.todos = mobx.observable.array([]);
this.todos.push({title:'todo 1'});
浏览 2提问于2017-11-10得票数 5
回答已采纳
2回答
为什么useEffect不对每个渲染都开火？
reactjs、react-hooks、mobx-react
我的组件有两个Rect.useEffect挂钩
const Example = ({ user }) => {
React.useEffect(() => {
autorun(() => {
console.log("inside autorun", user.count);
});
});
// Only runs once
React.useEffect(() => {
console.log("Why not me?");
});
return <Observer
浏览 0提问于2019-04-01得票数 5
回答已采纳
1回答
为什么Mobx观察者不触发反作用递归组件的重新渲染？
javascript、reactjs、typescript、mobx、mobx-react-lite
我正在尝试创建一个递归组件，它将它的状态存储在一个mobx可观测对象中。
由于一些特殊的原因，如果可观察到的链接的另一个可观察到的性质，observer 从mobx反应-轻不触发重新呈现，当可观察的状态变化。
下面是一个例子，当可观察到的状态发生变化时，超过1深的元素不会被重新呈现。
...
const NodeView = (props: { node: Node }) => {
useEffect(() => {
autorun(() => {
console.log(`(autorun) ${props.node.label} is expand
浏览 19提问于2022-01-03得票数 1
回答已采纳
1回答
MobX和hashmap更新不触发自动运行
javascript、mobx
我正在尝试更新类测试的_users哈希图，正在发生两件“奇怪”的事情(我是MobX新手)：
MobX，即使启用了严格模式，也允许我更新_users，即使它是可观察的并且addUser()不是@动作
自动运行程序只执行一次，而我预计它将运行三次。
如果我将this._users = {}放入addUser()中，事情就会如预期的那样工作: MobX告诉我将addUser定义为一个动作，并且自动运行会被多次触发。但这只是为了测试，我不需要每次都重新设置hashmap
我应该如何更新_users以让MobX触发事件？
代码如下
import { useStrict, configur
浏览 3提问于2018-04-02得票数 0
2回答
mobx extendObservable不像预期的那样工作
javascript、reactjs、mobx、mobx-react
我试图使用extendObservable在可观察的状态下添加更多的属性，但是它不起作用。下面是我的代码
var store = mobx.observable({
property: {}
});
mobx.autorun(function () {
console.log("render:"+store.property.a);
});
store.property = {a:1};
extendObservable(store.property, {a:2});
store.property.a=3;
产出如下：
render:undefined
rende
浏览 3提问于2017-03-27得票数 1
回答已采纳
4回答
计算出来的Mobx不起作用
javascript、mobx
在使用mobx 4.2.0时，当我尝试使用计算属性时，我得到了如下问题代码：
class ODOM {
constructor(props) {
console.log('how many times')
}
@observable speed = 0
@action change(obj) {
console.log(obj)
Object.keys(obj).forEach(item => {
this[item] = obj[item]
})
}
@computed get velocity()
浏览 0提问于2018-05-24得票数 4
回答已采纳
1回答
mobx是如何知道绑定到哪个变量的？
javascript、reactjs、redux、mobx、mobx-react
我知道MobX可以检测对象属性何时发生变化(在我们的例子中是myData.name)，但是MobX如何知道User组件取决于 myData.name
class MyData {
@observable name = "John"
}
@observer
class User extends Component {
render() {
// here, User depends on myData.name, but how MobX know??
let { name } = this.props.myData;
浏览 0提问于2018-06-12得票数 2
1回答
当可观察到的变化时，React componentDidUpdate没有更新
reactjs、mobx、mobx-react
我对Mobx和reactjs一般都是新手，我对Redux和react有一定的了解，而在Redux中，当我经常调用一个动作并更新道具时，就会触发componentDidUpdate生命周期方法。
我现在的场景是登录。因此，用户填充表单，单击submit，submit调用Mobx操作(异步)，当服务器响应时，可观察到的更新，然后导航到主页面(导航发生在组件中)。
这是我的商店代码。
import { autorun, observable, action, runInAction, computed, useStrict } from 'mobx';
useStrict(true
浏览 3提问于2017-10-06得票数 5
回答已采纳
1回答
如何生成Mobx.autorun以防止类构造函数的触发？
javascript、typescript、mobx
在这个类中，我使用初始化的bool状态来产生Mobx.autorun执行。否则，“这”不是完全分配的，它会导致错误。还有其他更干净的方法吗？
class GameMaster{
private _initialized:boolean = false;
private _store:IDomainStore;
private _moveDisposer:Lambda;
/**
*
* @param store - client or server store
*/
constructor(store:IDomainStore){
t
浏览 1提问于2016-05-04得票数 2
回答已采纳
1回答
为React函数组件创建新的MobX存储实例
javascript、reactjs、mobx、mobx-react
在React中使用MobX时，您可以在类组件实例上创建一个新的Store实例，如下所示： const { extendObservable } = mobx;
const { Observer } = mobxReact;
class Store {
constructor() {
console.log("Created a store");
extendObservable(this, {
count: 0
});
}
}
class App extends React.Component {
store = new
浏览 16提问于2019-02-21得票数 3
回答已采纳
2回答
MobX，响应路由器v4，在存储更改时使用render函数不观察和重新呈现路由。
reactjs、mobx
使用需要传递给组件的道具的路由，我正在传递一个从我的商店中可以观察到的布尔值。当此值更改时，路由呈现的组件不会更新。
<Switch>
<Route exact path="/" render={()=><MyComponent isLoading={this.props.MyMobxStore.ShowMyComponentLoader} />} />
</Switch>
这个组件是可观察的，并注入了MyMobxStore。如果我更改了可观察到的，组件"MyComponent“不会被重新呈现或通知更改。
如
浏览 0提问于2018-03-15得票数 2
回答已采纳
1回答
我为我正在开发的“薪酬”字段编写了一个React原型，现在我正试图将状态提升到一个域存储。现在，我只是在尝试测试控制台中的反应，但是由于某种原因，当使用一个动作来改变存储区的一个可观察数组的字段时，反应是不起作用的。
码
我有以下几点：
数据对象
class PayRate {
/**
* @param {number} taskId The id of the task. (-1 for all)
* @param {Date} effectiveDate The date the payrate goes in effect.
* @param {number} ra
浏览 1提问于2019-05-01得票数 0
回答已采纳
4回答
MobX:如何根据另一个值的变化来改变一个可观察的值？
javascript、mobx
假设我有一个带有两个MobX @observable字段的对象：
class Address {
@observable country
@observable city
}
当其中一个发生变化时，我想调用一个更改另一个函数的函数。例如，当country更改时，如果city的值对新国家无效，我可能需要清除它。
这有什么好的模式吗？
我想我不能用autorun了。由于我试图更改一个可观察到的值，并且打开了enforceActions，所以我需要在一个action中更改它。但是，这会引发一个错误"Autorun不接受操作，因为操作是不可跟踪的“：
autorun(action(()
浏览 0提问于2018-06-07得票数 4
回答已采纳
1回答
不处理ObservableList项的Mobx观察者
flutter、mobx、bloc、observablelist、rxdart
我正在尝试检查和取消选中列表中的项，但是我无法更改复选框的状态，在列表中添加另一项时它就是更改。如果我将setState方法添加到CheckBox Onchanged方法中，它就能工作。
我试过一些东西，但没什么改变
提供帮助的代码：
商店：
import 'package:mobx/mobx.dart';
import 'package:mobxlearn/TodoApp/models/todo.model.dart';
part 'todo.store.g.dart';
class TodoStore = _TodoStoreBase wi
浏览 5提问于2020-02-17得票数 1
回答已采纳
2回答
MobX --当我将数据注入到React组件时，当我可以使用“`inject`”时，为什么要使用“`observer`”
javascript、reactjs、react-native、mobx、mobx-react
MobX文档建议我应该在我的所有组件上使用observer。但是，通过使用inject，我可以更细粒度地控制哪些数据会导致组件的重新呈现。
我的理解是，使用observer，上一次呈现中所有可访问的可观察性的更改都会导致重呈现，即使可观测的嵌套在数据存储中很深，而inject仅在注入器函数中访问的可观测值发生变化时才重新呈现。
例如：
class Store{
@observable data = {
nestedData: {
deepData: 'my_data'
}
}
}
const store = new Store();
..
浏览 0提问于2018-01-25得票数 7
回答已采纳
3回答
Mobx如何缓存计算值？
javascript、mobx
我正在使用Mobx来构建webgl游戏引擎。我不会用它来做反应。我正在使用它来增强实体组件系统。我有类似的实体类
import {observable, observe, computed, autorun} from 'mobx';
class Entity {
@observable position = [0,0,0]
@observable rotation = [0,0,0]
@computed get modelMat(){
return position * rotation;
}
}
我使用这个实体就像：
var ent = new
浏览 7提问于2020-04-09得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
