Promise.all 后的返回值

Question

如何在 Promise.all 之后从 renderRedirect 函数返回值？这是我的派遣行动： this.props.getChildrens(), this.props.getTeachers(), this.props.getTeachers()渲染重定向功能：renderRedirect = async () => {   Promise.all([     this.props.getChildrens(),     this.props.getTeachers(),     this.props.getTeachers()    ]).then(() => {      return 'test';    });  };在我的组件中，我的 console.logrenderRedirect函数是输出：console.log(this.renderRedirect())Promise {<resolved>: undefined}

Answer 1

你忘了回来Promise.all。

renderRedirect = () => {

   // added return keyword

   return Promise.all([

     this.props.getChildrens(),

     this.props.getTeachers(),

     this.props.getTeachers()

    ]).then(() => {

      return 'test';

    });

  };

但是你也应该注意到console.log(this.renderRedirect())仍然不起作用，因为你需要await为承诺的结果。

你应该做这样的事情：

let result = await this.renderRedirect()

console.log(result)

Answer 2

三个问题：

1. 您需要return调用Promise.all的then处理程序的结果，或者使用简洁的函数体，以便隐式返回。

2. 如果您要 make renderRedirect async，则使用await.

3. 您正在从renderRedirect. 您需要使用该承诺，而不是输出它。

要处理 #1 和 #2，要么：

// Concise arrow function, not `async`

renderRedirect = () => Promise.all([

     this.props.getChildrens(),

     this.props.getTeachers(),

     this.props.getTeachers()

    ]).then(() => {

      return 'test';

    });

或

// `async` function

renderRedirect = async () => {

    await Promise.all([

     this.props.getChildrens(),

     this.props.getTeachers(),

     this.props.getTeachers()

    ]);

    return 'test';

};

处理#3：

this.renderRedirect().then(result => {

    console.log(result);

});

或者如果该代码在async函数中：

console.log(await this.renderRedirect());