异步 React 组件生命周期方法

Question

如果 React 组件上的生命周期方法标记为 async，它们的处理方式是否不同？

    default class MyComponent extends Component {
      state = {};

      async componentDidMount() {
        await this.fillQuestions();
      }
    }

Answer 1

它们被调用的方式没有区别。 async 仅表示该函数将返回 Promise。 由于 React 不期望任何返回值，因此从 React 的角度来看，两者之间没有区别。

但是，当您想要 await 用于生命周期挂钩中的其他承诺时，您可以使用 async。

请看以下中篇文章： https://medium.com/front-end-weekly/async-await-with-react-lifecycle-methods-802e7760d802