use the async and await with axios on multiple request with multiple promises

asyncfetchData.js

  getRemoteData = async () => {
    try {
      const coursePromise = axios('http://x.x.x.x/api/course/');
      const topicPromise = axios('http://x.x.x.x/api/topic/');
      const [ courses, topics ] = await Promise.all(coursePromise, topicPromise]);
      this.setState({
        courses: courses.data.data,
        topics: topics.data.data,
        loading: false,
      });
      } catch (error) {
      this.setState({
        error: error.message,
      });
    }
  };