我使用mobx 5.15.7看到了奇怪的行为
mobx是一个用于状态管理的JavaScript库，它可以帮助开发者更轻松地管理应用程序的状态。它提供了一种简单且可预测的方式来跟踪和更新应用程序的状态，并自动更新相关的组件。
关于你提到的"奇怪的行为"，可能是指在使用mobx 5.15.7时遇到的一些问题或行为。为了更好地理解和解决这个问题，我需要更多的具体信息。以下是一些常见的可能性：
- 版本兼容性问题：确保你的应用程序的其他依赖项与mobx 5.15.7兼容。有时，不同版本的库之间可能存在不兼容的问题，导致奇怪的行为。
- 错误的使用方式：检查你是否正确地使用了mobx的API和概念。mobx有一些特定的规则和用法，例如使用@observable装饰器来标记可观察的状态，使用@computed装饰器来创建计算属性等。确保你按照官方文档中的建议使用mobx。
- 异步操作问题：如果你在mobx中进行了异步操作，例如使用了异步的action或使用了mobx-react提供的异步组件，那么可能需要特殊处理。mobx提供了一些解决异步操作的工具和模式，例如使用mobx-flow或mobx-react提供的异步组件。
- 其他可能性：如果以上解决方案都不适用，那么可能需要更详细地描述你遇到的具体问题，以便更好地帮助你解决。
总之，mobx是一个强大的状态管理库，但在使用过程中可能会遇到一些问题。通过仔细检查代码、查阅官方文档和寻求社区支持，你应该能够解决这些问题并继续享受mobx带来的好处。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云函数（云函数计算）：https://cloud.tencent.com/product/scf
- 腾讯云数据库（云数据库 TencentDB）：https://cloud.tencent.com/product/cdb
- 腾讯云容器服务（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iot
- 腾讯云移动开发（移动应用托管）：https://cloud.tencent.com/product/baas
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云虚拟专用网络（VPC）：https://cloud.tencent.com/product/vpc
相关·内容
2回答
昨晚，我在推特上看到了redux和mobX之间的争论。
我花了几个小时研究mobX。在我看来，redux很棒，Dan是我的偶像。所以我认为redux比mobX更快。
我看到了mobx-react-todomvc。我试着修改它，我发现它只是一层一层地传递道具。这是我的问题吗？
浏览 0提问于2016-06-12得票数 1
我在mobx中使用react js，我从api获取数据。我得到的数据是对象数组。当我将数据设置到mobx变量中时，我看到了代理对象数组(不确定代理说了什么)。我正在尝试将从api获得的对象数组设置为mobx变量。
我的店铺
class UserStore {
@persist @observable token = null
@observable tasks = []
@observable done = false
@persist @observable email = ''
constructor() {
}
@action
getTasks = async ()
浏览 2提问于2018-07-30得票数 18
回答已采纳
大家好，我已经习惯了mobx4，刚到mobx5，我注意到你读取可观察变量的语法和方式发生了变化，我正试图将从路由获得的一些数据的输出记录到console.log中，但我看到了一个代理和其他一些东西。截图张贴在下面，如有解释，我们将不胜感激。 这是我的一些代码智慧。 const { team } = this.props.teamStore;
console.log(this.props.teamStore)
const userTeams = !!team ? team : null;
console.log(userTeams)
return (
浏览 81提问于2020-12-17得票数 2
1回答
我试图让mobx与我的反应钩工作，我是从一个非常简单的例子，但它仍然不起作用。我一定是错过了什么东西，但我已经花了好几个小时去寻找那可能是什么。
这是我的店：
import { observable, decorate } from 'mobx';
import { createContext } from 'react';
import { IUser } from '../models/IUser';
export class UserStore {
public user: IUser;
public getUser()
浏览 0提问于2019-08-23得票数 0
回答已采纳
1回答
MobX可变性与不可变性
、、、、
为什么MobX鼓励在他们的文档中使用可变对象？
但是，我看到了一个关于MobX的教程：
而且，他在他的教程中使用了不可变的方法，而不是可变的方法(见下文)。
@action setUsers = (users) => { this.users = [...users]; (而不是推送)
我还认为不变的方法更好(这样React.PureComponent就可以工作，这意味着优化性能)
为什么MobX鼓励改变对象？我应该使用什么方法？
浏览 13提问于2017-12-31得票数 13
回答已采纳
我使用mobx作为我的数据结构(而不是使用React)。我需要改变一个可观察的属性来分析这个变化的值的结构。经过分析，我撤消了更改并返回到原来的状态。
我使用runInAction在mobx操作中包装了“更改观察值和更改返回观察值”。由于可观察属性在runInAction之前和之后具有相同的值，所以我期望(或者更确切地说是希望) mobx能够理解这一点，而不会触发任何观察者。实际上，mobx确实看到了runInAction内部可观测值的变化，并触发了观察者。
还有其他方法来阻止mobx暂时触发观察者吗？
浏览 3提问于2021-09-14得票数 1
1回答
我是Mobx的新手，我不知道如何在我的商店中计算一个值。 我在跟踪docs description of using the 'computed' modifier。 下面是我的(精简版) appState： export default class AppState {
constructor() {
/* MOBX STATE */
extendObservable(this, {
// Links
'links': [],
'upda
浏览 24提问于2021-04-11得票数 1
回答已采纳
下面是我的代码： import React, {Component} from 'react';
import * as mobx from 'mobx';
import * as mobxReact from 'mobx-react';
import classNames from 'classnames';
import './CssClassApp.css';
@mobxReact.observer
export class CssClassApp extends Component {
@m
浏览 7提问于2019-02-03得票数 2
回答已采纳
我正在尝试创建一个时间缓冲区，它只在mobx中存储一个可以观察到的项目。我调用存储中的一个函数，该函数创建一个计时器，以便在计时器完成之前不能在存储中保存任何其他项。然而，如果有可能的话，可观察到的人似乎在凌驾于此之上。
我正在尝试两种方法(定时缓冲区、数组大小限制器)。
可观察性是否覆盖了标准的javascript数组方法/函数？
在React中可以观察到的输出中，我看到了一个巨大的数组，而不是限制为1的长度。
addTourList(node);
这是我的store.js mobx课程。
import { action, autorun, observable, computed, toJ
浏览 0提问于2020-01-24得票数 0
回答已采纳
我有一个react组件，它使用依赖于mobx状态的useEffect：
useEffect((): (() => void) => {
console.log(appState.getCurrent());
}, [appState.getCurrent()]);
mobx状态下的相关代码：
@observable private current = {} as any;
@action public setCurrent(c: any) {
this.current = c;
}
@computed public getCurrent() {
return thi
浏览 4提问于2021-02-10得票数 1
1回答
MobX 6在我设置的一个react项目中看到了'counter‘变量。但是它看不到函数(递增、递减)。我已经将输出附加到附件中的图片。原因是什么？ import {observable, computed, action, makeObservable} from 'mobx';
class UserStore {
counter = 0;
increment() {
this.counter++;
}
decrement() {
this.counter--;
}
get coun
浏览 24提问于2021-06-20得票数 0
1回答
仅仅使用MobX存储会消除常规有状态组件的功能吗？目前，我正在使用componentDidUpdate访问prevState & prevProps，并根据它们的值调用其他方法。如何在MobX/React MobX存储中访问类似的生命周期方法？
更具体地说，下面是我的一个生命周期函数的当前代码：
componentDidUpdate(prevProps, prevState) {
const currentWidth = this.state.width.window;
const prevWidth = prevState.width.window;
if (
浏览 0提问于2017-04-04得票数 2
请帮助我解决这个问题:我正在使用mobx-state-tree + React + mobx + Socket.io，我正在为项目编写聊天，并使用socket.io从服务器获取聊天列表，然后使用action将他放到mobx-state-tree存储中，然后我想从mobx-state-tree存储中获取数据，并使用映射函数来呈现元素，但是，我发现了两个错误这是我的聊天enter image description here的mobx-state-tree模型 这是我尝试映射数据enter image description here的代码 这是问题所在 enter image descript
浏览 18提问于2020-07-25得票数 0
回答已采纳
2回答
在我的get应用程序(带有类型记录)中，我希望使用react挂钩(特别是useState)来管理表单状态，同时使用它作为Mobx存储的一个可观察组件，但我得到了错误。
钩子只能在函数组件的主体内调用。
因此，例如在以下组件中
import * as React from "react";
import { inject, observer } from "mobx-react";
import { MyStore } from "./MyStore";
interface IProps {
myStore?: MyStore;
浏览 0提问于2019-03-25得票数 6
回答已采纳
1回答
@计算属性的周期检测错误
、、、
我只是MobX的初学者。我在MobX中尝试了计算的属性并遇到了这个错误。
[mobx] Cycle detected in computation Store@1.values: function () {
initializeInstance(this);
return this[prop];
}
我创建了一个带有可观察的计算属性的存储类。当我试图将它用于一个反应性功能组件时，它给了我这个错误。我看到了一些为相同错误消息打开的github问题，但它们都适用于非常特殊的情况。我理解这是因为计算属性的值至少在计算一次之前就被访问了。我想不出怎样才能避免这种情况。我在这个中做了一个非常简单
浏览 1提问于2020-08-19得票数 2
回答已采纳
在mobx 中：
操作只影响当前运行的函数，而不影响由当前函数调度(但不调用)的函数！这意味着，如果您有一个setTimeout、promise.then或异步结构，并且在这个回调中更改了一些更多的状态，那么这些回调也应该被包装在操作中！
上面的意思是，我应该用runInAction改变状态，如下所示：
class App {
@observable logined = false
@action async login(payload){
runInAction(() => {
setTimeout(() => {
浏览 3提问于2017-05-08得票数 3
import {makeAutoObservable} from "mobx";
class Test {
id = 0
constructor() {
makeAutoObservable(this)
}
get total() {
console.log('enss')
return 2;
}
}
const store = new Test();
export default store;
打电话：
import {isComputed, isComputedPr
浏览 6提问于2022-05-31得票数 0
回答已采纳
2回答
我对MobX中的数组有点迷惑，
我试图访问数组的值，并对其做一些操作，但它的行为非常奇怪。
例如：
console.log('arr arr', this.props.arr) // ["test1, "test2", "test3"]
console.log('arr arr', Array.isArray(this.props.arr)) // true
console.log('arr arr', this.props.arr.length) // 0 (?!?)
所以我不能映射我的数组，我不能循环我
浏览 2提问于2017-03-19得票数 0
我正在尝试更新类测试的_users哈希图，正在发生两件“奇怪”的事情(我是MobX新手)：
MobX，即使启用了严格模式，也允许我更新_users，即使它是可观察的并且addUser()不是@动作
自动运行程序只执行一次，而我预计它将运行三次。
如果我将this._users = {}放入addUser()中，事情就会如预期的那样工作: MobX告诉我将addUser定义为一个动作，并且自动运行会被多次触发。但这只是为了测试，我不需要每次都重新设置hashmap
我应该如何更新_users以让MobX触发事件？
代码如下
import { useStrict, configur
浏览 3提问于2018-04-02得票数 0
我发现了一个非常奇怪的MobX行为，我不知道为什么会发生这种情况。试着用谷歌搜索，但没有发现我所面临的问题。
所以，我有一个非常简单的柜台MobX商店：
import { makeAutoObservable } from "mobx";
class CounterStore {
constructor(initialState) {
this.count = initialState ?? 0;
makeAutoObservable(this);
}
dec = () => this.count--;
inc = () =>
浏览 9提问于2022-05-29得票数 1
回答已采纳
2回答
每次在react中，我都会关心immutable array operations，以避免通过mutable operations意外地改变状态。
我经常使用immutable operations
每当我需要添加一个新项目时，我都会使用以下内容
[...myArr, 'newItem'];
而不是可变的选择
myArr.push('newItem');
然而，我在上看到了一个的例子，我感到很惊讶，因为它们使用了push()方法。
我是mobx的初学者，我害怕使用mutable operation，
有人知道这件事吗？
我是做错了还是可以用mutable对mob
浏览 9提问于2021-06-26得票数 1
回答已采纳
2回答
我正在尝试用typescript创建-react-app，就像我在开始一个新项目时做的很多次一样。它说我缺少一个模块，所以我更新了我的brew，更新了yarn，更新了节点，我看到了引擎与模块不兼容的问题，但如果删除了所有内容，我也不确定如何更新引擎 stephens-MacBook-Pro:MobX stephen$ yarn create react-app mobx_course --template typescript
yarn create v1.22.10
[1/4] ? Resolving packages...
[2/4] ? Fetching packages...
w
浏览 27提问于2020-11-29得票数 1
1回答
我如何在我的反应原生地图中为我的mobx商店启用严格模式，我使用mobx商店以及react上下文API和钩子。在读取文档后，严格模式使其生效，因此我只能在操作中更改可观察状态。 /context/index.js import React from 'react'
import { ThemeStore } from '../stores/ThemeStore.js'
import { PostStore } from '../stores/PostStore.js'
export const storesContext = React.
浏览 58提问于2020-07-24得票数 0
回答已采纳
在控制台中，我看到了以下警告：
index.js:2178警告: Body有一个名为shouldComponentUpdate()的方法。在扩展shouldComponentUpdate时不应该使用React.PureComponent。如果使用React.Component，请扩展shouldComponentUpdate。
Body组件正在使用
...
import { observer, inject } from 'mobx-react';
...
@inject('store')
@observer
class Body extends Rea
浏览 0提问于2018-04-27得票数 5
回答已采纳
1回答
我在更新数组时遇到了让MobX渲染的问题。以下是代码的简化版本： import React, { useState } from 'react'
import { flow, makeObservable, observable } from 'mobx'
import { observer } from 'mobx-react'
import { ResourceList } from './ResourceList'
import { ResourceItem } from './ResourceItem'
浏览 51提问于2021-01-08得票数 4
回答已采纳
我有一个从" MobX - React“注入连接到mobx状态的react组件，一切工作正常。现在，我需要知道我的对象被更改为呈现另一个接口。我认为MobX必须有能力在没有比较对象的情况下做到这一点，在文档中我看到了observable和observable函数，但它对我不起作用。我写了一个非常简单的例子来说明我想要什么： class Example {
@observable
myObject = {
prop: 'some string',
...there are many properties
}
@observable
m
浏览 21提问于2020-01-29得票数 1
当可观察到的更新时，Mobx @observer组件是否会在该组件上触发render或forceUpdate？当它发生时，会触发哪些生命周期方法？render和forceUpdate有什么区别吗？
即使在render方法中，子对象如何保持不变？React或Mobx是否负责检测何时将道具传递给子对象并需要重新渲染？
谢谢!
浏览 2提问于2017-03-27得票数 3
1回答
我有一个react应用程序。我正在使用mobx进行中央状态管理。
我已经安装了这两个包：
"mobx": "^6.3.0",
"mobx-react-lite": "^3.2.0",
我的文件看起来是这样的：
export default class ActivityStore {
constructor() {
makeAutoObservable(this);
}
loadActivities = async () => {
t
浏览 27提问于2021-05-14得票数 0
回答已采纳
在pubsec.yaml文件中添加firebase_analytics后出现此错误。 FAILURE: Build failed with an exception.
* What went wrong:
Could not determine the dependencies of task ':firebase_core:compileDebugAidl'.
> The library com.google.android.gms:play-services-measurement-base is being requested by various other
浏览 3提问于2019-06-15得票数 1
我只是用mobX来操场一些代码，这件事发生了，不知道为什么，但我确信这和官方的文档没有太大区别
这里是store.tsx
import { observable, computed, action, makeObservable, override, makeAutoObservable } from "mobx"
class CounterStore {
initValue = 0
powValue = Math.pow(this.initValue, 2)
constructor() {
makeAutoObservable(this)
}
i
浏览 0提问于2021-09-07得票数 2
回答已采纳
我正在尝试使用优化的Mobx es6构建，如文档所示：
提示: MobX 5包的主要入口点附带了ES5代码，以便与所有构建工具进行向后兼容性。但是，由于MobX 5只在现代浏览器上运行，所以考虑使用更快、更小的ES6构建: lib/mobx.es6.js。例如，通过设置webpack别名：resolve: { alias: { mobx: __dirname + "/node_modules/mobx/lib/mobx.es6.js" }}
这允许我导入mobx并获取mobx.es6.js构建：
import mobx from 'mobx' // Yay,
浏览 6提问于2020-03-25得票数 0
回答已采纳
1回答
我首先了解mobx反应是使用“@观察者”属性来跟踪在状态类中定义的属性值。这是我下面的样本；
//@observer cut it off
SingUp.js
import React, {Component} from 'react'
import {observer} from 'mobx-react'
class SignUp extends Component{
constructor(props){
super(props)
}
SaveUser(e){
e.preventDefault();
t
浏览 0提问于2017-09-07得票数 1
回答已采纳
我们使用的是mobx-state-tree库，它包含了相当复杂的TypeScript声明，对我来说很难理解。 无论哪种方式，似乎在TS3.4和3.5之间发生了一些变化，导致了一个奇怪的问题。 ? 我在存储库中准备了一个最小的复制品：https://github.com/FredyC/mobx-state-tree-ts3.5 我意识到这可能是一个非常具体的问题，需要深入研究。我会感谢至少正确的方向，在TS3.5中的变化可能会导致这样的问题。 更新 根据答案https://stackoverflow.com/a/56781615/902813，我调整了代码库中的示例，并得到了类似的错误
浏览 26提问于2019-06-27得票数 1
2回答
无法从mobx导入装饰
、、、
尝试导入错误：'decorate‘不是从'mobx’导出的。我的mobx版本是6.0，我试着把包从mobx改成mobx-react，mobx-react-lite，mobx-decorate.But，但还是不能解决。 提前感谢 Screenshot
浏览 54提问于2020-10-20得票数 6
我在浏览网页时，突然发现Chrome中出现了“等待可用套接字”错误，页面显示“网络不可用”。
我觉得这很奇怪，于是我打开了Fiddler，看到了这些奇怪的URL。这是不是有人见过的东西？
📷
谢谢。
浏览 0提问于2014-06-09得票数 4
回答已采纳
2回答
对于MobX注释，我遇到了一个奇怪的问题，在结果对象上不存在带注释的@action方法。
如果我的类源代码是以下TypeScript (作为最小示例)：
export class Car {
@observable
public wheels: number = 4;
@action
public selfDestruct() {
this.wheels = 0;
}
}
我引用该方法如下：
const car = new Car();
car.selfDestruct();
我收到一个错误：
Uncaught TypeError: c
浏览 0提问于2018-10-26得票数 1
回答已采纳
我正在与我的团队一起建立一个React项目，它将使用mobX作为状态管理器，并使用TypeScript。
我在框中看到了一个常见的模式，并在React项目中看到了命名模式：
非响应文件夹和文件：camelCase或kebab-case
React (在components文件夹中)：PascalCase
react中是否有文件夹/文件命名的正式约定？如果没有，是否有样式指南作为此模式的基础？或者是为什么这个在大多数时候都被使用？
浏览 0提问于2019-03-18得票数 40
回答已采纳
2回答
我得到了以下错误：
proxyConsole.js:54 Error: [mobx] Invariant failed: Since strict-mode is enabled, changing observed observable values outside actions is not allowed. Please wrap the code in an `action` if this change is intended. Tried to modify: ObservableObject@1.items
at invariant (mobx.module.js:23
浏览 3提问于2017-10-29得票数 7
回答已采纳
在的一部分中，有一个示例对名为report的属性使用getter语法。
class ObservableTodoStore {
@observable todos = [];
@observable pendingRequests = 0;
constructor() {
mobx.autorun(() => console.log(this.report));
}
@computed
get completedTodosCount() {
return this.todos.filter(
todo => todo.completed ===
浏览 3提问于2018-01-08得票数 2
回答已采纳
6回答
MobX与MobX状态树
、、、
为什么我要使用MobX状态树而不是香草MobX？似乎每当我读到关于MobX的文章时，都会在同一个地方提到MST。有人真的只使用MobX吗？
可能太笼统了.
浏览 5提问于2019-03-17得票数 19
假设我使用了一些旧包的遗留代码库：
"mobx": "5.15.4",
"mobx-react": "6.1.8",
在开发一些新的实验特性的同时，我想使用这些包的更新版本，但也必须在工作状态下保留原有的功能。因此，我将更新版本的包混在一起，这样我就可以将它们与旧版本一起使用：
"@new/mobx": "npm:mobx@^6.3.13"
"@new/mobx-react": "npm:mobx-react@^7.2.1"
但是mobx-react使用mobx作为对
浏览 17提问于2022-01-24得票数 6
回答已采纳
1回答
在我的angular项目中，我有多个依赖项需要mobx。 有一个mobx-react，它需要v6.1.0作为对等依赖 @circlon/angular-tree-component需要4.14.1 这会在控制台中导致错误：“mobx有多个不同版本的MobX处于活动状态。请确保MobX只加载一次或使用configure({ isolateGlobalState: true })” mobx的文档不清楚在哪里运行配置函数来避免这个错误。https://mobx.js.org/configuration.html
浏览 32提问于2021-11-12得票数 0
在Coffeescript中使用MobX 3，我可以这样做：
mobx = require 'mobx'
state = mobx.observable
items:['a','b']
compute = (key,fn)->
obj = {}
obj[key] = mobx.computed fn.bind state
mobx.extendObservable state, obj
compute 'num', ->
@items.length
mobx.autor
浏览 1提问于2018-04-05得票数 1
1回答
进口mobx方式的差异
、、、、
下面的导入如何产生不同的效果？
从‘mobx反应/本机’导入{观察者}
而不是
从“mobx-react”导入{观察者}
更多信息
React本地版本：~0.48.4
反应: 16.0.0
变形器: 1.0.2，
mobx-记录器: 0.6.0，
mobx: 3.3.1，
mobx-持久化: 0.3.4
反应: 4.3.3
如果需要更多的信息，请发表评论
浏览 1提问于2017-11-02得票数 1
回答已采纳
我试图将存储注入到一个组件中，但它似乎不起作用。
这是类
import * as React from 'react';
import { inject, observer } from 'mobx-react';
import { FlightStore } from '../stores/FlightStore';
export interface HelloProps {
flightStore: FlightStore
}
@inject('flightStore')
@observer
class Hel
浏览 1提问于2018-08-25得票数 1
我正在学习lynda.com课程，这是我掌握的代码
import firebase from 'firebase'
import MobxFirebaseStore from 'mobx-firebase-store'
const config = {
// I pasted the info from google firebase here
}
export default class SettingsStore extends MobxFirebaseStore {
constructor() {
firebase.
浏览 18提问于2017-02-01得票数 3
回答已采纳
1回答
我是新来的反应和暴徒。我试图使用mobx更新一个简单的计数器并显示计数号。当我单击按钮"Add“时，我可以在日志中看到counterStore.count正在增加，但计数器显示在保留值中等于0。
你能告诉我怎么回事吗？
index.tsx
import { observer } from "mobx-react";
import React from "react";
import { Button, StyleSheet, Text, View } from "react-native";
import CounterStore fro
浏览 6提问于2022-11-17得票数 0
我正在尝试使用rxjs observable从angular-mobx store获取更改。但是，如果观察到的数组发生变化，则不会从那里获得任何更改。但是如果我使用'=‘符号分配新值，那么我在订阅中得到了更改。有谁能解释一下吗？或者仅通过像拼接或替换数组中的对象这样的更改来帮助获得更改？谢谢 https://stackblitz.com/edit/angular-reuych演示应用 import { computed, action, observable } from "mobx-angular";
import {observe } from "mob
浏览 14提问于2020-01-29得票数 0
回答已采纳
此组件呈现一个具有1个单元格的表，其值为"A“。
在单击“添加字符”按钮后，如何使表对this.value.name的值变化作出反应？
目前，当我单击Add字符按钮2次时，我可以通过console.log在onClickAddCharacter()中看到名称从"A“更改为"ABB”的值。然而，正在呈现的表格没有反映这一"ABB“新价值，而是仍然是"A”。奇怪的是，如果我取消了console.log在render()中的注释，并单击Add字符按钮一次，单元格值将从"A“重新呈现到"AB”。
这里发生了什么，我做错了什么？
谢谢你！
编辑:我
浏览 0提问于2020-11-29得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
