mobx数据更新,组件未刷新问题

原因

“90%的问题能在官网找到答案,剩下的9%在github仓库 ‘issue’ ,还有1%是未知的”
所以原因在官网:局限性

解决方法

在这里插入图片描述

这句话的意思是,在使用makeObservable或makeAutoObservable之前,如果你的类中的属性已经被声明但没有被赋初始值,那么这些属性将无法被正确地观察和侦测到其值的变化。

🌰如何将对象的属性转换为可观察状态:

import { makeObservable, observable } from 'mobx';

class MyObject {
  x = { // 对象属性
    y: 'Initial value',
  };

  constructor() {
	makeAutoObservable(this);
  }
}

这样当 x 对象内部的属性发生变化时,它们将能够被正确地观察和侦测到。从而更新页面