Reactjs React mobx can';无法观察到';s值

Reactjs React mobx can';无法观察到';s值,reactjs,typescript,mobx,Reactjs,Typescript,Mobx,下面是我的存储,它将使用loadUnits方法从API中检索可观察的units,API运行良好,我还添加了console.log()在这里,我可以看到第一个元素的值 从“/。/model/unit”导入{ITutorialUnit}; 从“mobx”导入{action,observable}; 从“react”导入{createContext}; 来自“./api/代理”的进口代理; 类单位存储{ @可观测单位:ITutorialUnit[]=[]; @可观察标题=“来自mobx的你好”; @可

下面是我的存储,它将使用
loadUnits
方法从API中检索可观察的
units
,API运行良好,我还添加了
console.log()
在这里,我可以看到第一个元素的值

从“/。/model/unit”导入{ITutorialUnit};
从“mobx”导入{action,observable};
从“react”导入{createContext};
来自“./api/代理”的进口代理;
类单位存储{
@可观测单位:ITutorialUnit[]=[];
@可观察标题=“来自mobx的你好”;
@可观测载荷初始值=假;
@动作加载单位=()=>{
this.loadingInitial=true;
agent.TutorialUnits.list()
。然后(单位=>{
单位。forEach((单位)=>{
这个。单位。推(单位);
});
})
.then(()=>console.log(“从存储:+this.units[0].content))//我可以从这个日志中看到数据
.最后(()=>(this.loadingInitial=false));
};
}
导出默认createContext(新UnitStore());
然后,当我想在
App.tsx
中使用可观察的
单位时:

import React,{Fragment,useContext,useffect,useState}来自“React”;
从“语义ui反应”导入{Container};
导入“语义ui css/semantic.min.css”;
从“../../features/nav/NavBar”导入导航栏;
从“../../features/Units/dashboard/tutorialUnitDashboard”导入{ActivityDashboard}”;
从“./stores/UnitStore”导入UnitStore;
从“mobx-react-lite”导入{observer};
从“/LoadingComponent”导入{LoadingComponent};
来自“./api/代理”的进口代理;
从“./model/unit”导入{ITutorialUnit};
常量应用=()=>{
const unitStore=useContext(unitStore);
常量单位=单位存储;
useffect(()=>{
loadUnits();
console.log(“from App.tsx:+units);//将只记录未定义的
},[unitStore]);
if(unitStore.loadingInitial){
返回;
}
返回(
{unitStore.title}
);
};
导出默认观察者(App);
我无法获取可观察的
单元
的数据,但我可以获取另一个可观察的
标题
的数据,它只是一个字符串,加载组件也不工作。
请帮帮我

我知道了。Mobx的版本应该在6.0.0以下,我使用5.10.1,一切都很好。

我发现了这一点。Mobx的版本应该低于6.0.0,我使用5.10.1,一切都很好