当前位置: 首页 > 知识库问答 >
问题:

在Mobx中解析promise?

汪欣德
2023-03-14

我在mobx商店中有一个获取请求,看起来像这样:

getAllLegoParts = action("get all lego", () => {
 this.legoParts = fromPromise(
   fetch("http://localhost:8000/LegoPieces", {
     cache: "no-store"
   }).then(response => response.json())
 );
});

this.lego部件位于如下构造函数中:

constructor() {
extendObservable(this, {
  // store
  legoParts: fromPromise.resolve([]),
  piece: "",
  type: "",
  startDate: "",
  endDate: ""
 });
}

我试图访问数组的值,应该在legoParts中。然而,当我控制日志legoParts时,我得到了一堆数据,包括PromiseState(已解决)和PromiseValue。如何简单地访问promise值?我也很困惑,因为尽管PromiseState说已解决,但对象的开头说

 Promise{<pending>....

谢谢你的帮助!

共有1个答案

彭风华
2023-03-14

参见官方文档,fromPromise创建了一个包装器,它是。value属性包含解析的值

 类似资料:
  • 介绍 MobX是一个经久考验的库,使得状态管理简单而且透明、可伸缩的应用功能反应性编程(TFRP)。MobX背后的哲学很简单: 任何可以由应用程序状态,应该是自动派生的。 包括用户界面、数据序列化、服务器通信,等等 React和MobX在一起是一个强大的组合,React呈现应用程序状态通过提供机制,把它翻译成可渲染的树组件,React使用MobX提供的机制来存储和更新应用程序。 React和Mob

  • 为了将React与Mobx结合起来的一个React组件包,export出一个observer声明和一些开发的工具。这个组件包支持React和React-Native。 安装使用: npm install mobx-react --save 或者使用cdn:https://unpkg.com/mobx-react (namespace: mobxReact) import {observer} fr

  • MobX 是一个经过战火洗礼的库,它通过透明的函数响应式编程(transparently applying functional reactive programming - TFRP)使得状态管理变得简单和可扩展。React 和 MobX 是一对强力组合。React 通过提供机制把应用状态转换为可渲染组件树并对其进行渲染。而MobX提供机制来存储和更新应用状态供 React 使用。

  • egghead.io 第1课: observable & observer 到目前为止,这一切都可能听起来有点花哨,但使用 MobX 将一个应用变成响应式的可归纳为以下三个步骤: 1. 定义状态并使其可观察 可以用任何你喜欢的数据结构来存储状态,如对象、数组、类。 循环数据结构、引用,都没有关系。 只要确保所有会随时间流逝而改变的属性打上 mobx 的标记使它们变得可观察即可。 import {o

  • MobX 通常会对你期望的东西做出反应。 这意味着在90%的场景下,mobx “都可以工作”。 然而,在某些时候,你会遇到一个情况,它可能不会像你所期望的那样工作。 在这个时候理解 MobX 如何确定对什么有反应就显得尤为重要。 MobX 会对在追踪函数执行过程中读取现存的可观察属性做出反应。 “读取” 是对象属性的间接引用,可以用过 . (例如 user.name) 或者 [] (例如 user

  • 安装: npm install mobx --save。 React 绑定库: npm install mobx-react --save。 要启用 ESNext 的装饰器 (可选), 参见下面。 CDN: https://unpkg.com/mobx/lib/mobx.umd.js https://cdnjs.com/libraries/mobx 入门 MobX 是一个经过战火洗礼的库,它通过透