如何在reactjs中为单个组件进行两次或多次REST调用？

Question

我正在开发一个需要来自不同REST调用的数据的页面。作为reactjs的新手，我没有得到关于如何为单个组件进行多个REST调用的示例。

Answer 1

您可以在所述组件的componentDidMount生命周期方法中进行多个API调用。

实现这一目标的一个很好的方法是使用async/await帮助使代码在异步时看起来是同步的，当你得到结果时，调用setState以便你的渲染函数有机会重新渲染并获取你提取的新数据。

示例：

async componentDidMount() {
    const callOne = await fetch.....
    const callTwo = await fetch.....
    this.setState({ ... results of callOne });
    this.setState({ ...results of callTwo });
}