async/await を使ってAPIからデータを取得したい

Question

要件

• APIへアクセスする処理は別ファイルにしたい
• async/awaitを使いたい
• axiosを使いたい

下のコードだと、undefinedになってしまいます

• test.js

import fetchApi from '../lib/store';

export default function() {

  async function call() {
    const res = await fetchApi();
    console.log(res);//undefined
  }
  call();
}

• lib/store.js

import axios from "axios"

export default function() {
  async function fetchApi() {
    try {
      const response = await axios.get('https://jsonplaceholder.typicode.com/todos/1');
        return response;
    } catch (error) {
        return error;
    }
  }
}

Answer 1

正しくexportすることで解決

import axios from "axios"

export async function fetchApi() {
  try {
    const response = await axios.get('https://jsonplaceholder.typicode.com/todos/1');
    return response;
  } catch (error) {
    return error;
  }
}

import { fetchApi } from '../lib/store';

export default async function call() {
  const res = await fetchApi();
  console.log(res);
}

Answer 2

どうぞ

async/await 入門（JavaScript）