[React] 리액트 경고 'Assign object to a variable before exporting as module default import/no-anonymous-default-export'

Assign object to a variable before exporting as module default  import/no-anonymous-default-export

해석 : 모듈을 export로 내보내기 전에 변수에 객체를 할당하세요.

 

리액트를 하다 보니 콘솔 창에 경고창이 뜨는 게 탐탁지 않아 하나씩 고쳐보던 중 발견한 문제입니다.

경고문구가 발생한 코드는 아래와 같습니다.

import axios from "./index.js";

export default {
  createUser: (userName, userPassword) => {
    return axios.post("/createUser", {
      userName: userName,
      userPassword: userPassword,
    });
  },
  getUserList: () => {
    return axios.get("/getUserList", {});
  },
};

 

구글링을 해서 해결책을 알아봤고 아래와 같이 코드를 변경하면 경고문구가 사라지게 됩니다.

import axios from "./index.js";

const createUser = (userName, userPassword) => {
  return axios.post("/createUser", {
    userName: userName,
    userPassword: userPassword,
  });
};

const getUserList = () => {
  return axios.get("/getUserList", {});
};

const APIs = {
  createUser,
  getUserList,
};

export default APIs;

이런 식으로 export 하고자 하는 내용들을 객체로 묶어서 export 해주면 됩니다.