javascript - Promise.all后的返回值

Question

这个问题已经有答案了:

When should I use a return statement in ES6 arrow functions (6 个回答)

已关闭 6 个月前。

如何在 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.log renderRedirect函数，这里是输出:

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 以获得 promise 的结果。

你应该这样做:

let result = await this.renderRedirect()
console.log(result)