javascript - promise 待定， promise 状态=已解决？

Question

我正在尝试访问提取的结果(这里是“正文”)，但不断收到此消息:

promise {<待处理>}原型(prototype): promise [[ promise 状态]]:“解决”[[ promise 值]]:数组(100)

它说已解决，但不只是给我我想要的数组。

这是我的代码

    let Categories =  fetch('http://localhost:3001/categories?' )
                 .then((response) => {
                  var data = response.json();

                 return data;


               }).then((body) => {
                    console.log("fetching categories...")
                    console.log(body.categories)

                 return body.categories
               })


    console.log(Categories)
    export default Categories

以上结果来自console.log(Categories)

Answer 1

Categories 仍然是一个 Promise。您必须在导入它的地方调用 .then ，您将在参数中收到您的 body.categories 。

编辑:来自评论的附加信息(我无法很好地格式化它)。

它是异步的，因此它无法进入 Redux 存储的初始状态。你应该:

• 创建一个获取此数据的操作创建器

• 当获取数据时，使用该数据调度一个操作，例如:
{ 类型:'CATEGORIES_LOAD'，数据:数据 }


• 制作一个更新此存储的 reducer

并在组件安装时执行此操作创建者，例如如果你也使用 React，请使用 componentWillMount。