함수의 리턴값을 출력시 undefined..

[designDev]

게시판에 대한 function 을 따로 빼서 작업중입니다.

서버에서 잘 가져오는 것 같은데 return값이 function을 불러오는 다른 파일에서 출력이 안되는 이유가 뭘까요?ㅠ

왕초보인데 간단해보이는것도 어렵네요...ㅠㅠ

1. 게시판의 function을 모으려고 만든 js입니다.

2. main화면에서 테스트로 해당 function을 불러와서 console.log에 찍어본 소스입니다.

ㅇ

3. 그 결과 메인에서 return값을 호출한 console에는 undefined가 뜨고,

function에서 출력한 console.log만  mongoDB에 있는 데이터가 정상으로 출력됩니다.

 

제가 원하는 방향은 둘다 console.log가 동일하게 찍히면서,

그 뒤에 main.js 화면에서 setBoardList(boardData); 값으로 변경해주는 건데,

어디서 부터 문제일까요??

[codingapple]

함수에서 ajax요청하는 코드는 성공이 오래걸리는데

성공 전에 var boardData 그리고 console.log(boardData)를 실행해줘서 undefined가 출력됩니다 

ajax요청하는 함수에서 Promise를 return하거나 state변경함수를 ajax요청함수로 파라미터로 집어넣거나 그러면 될듯요  

[designDev]

export function getBoardList() {
  const send_param = {
    headers,
    //_id: $.cookie("login_id")
  };
  const response = axios
    .post("http://localhost:8080/board/getBoardList", send_param)
    .then((res) => res.data.list)
    .catch((err) => {
      console.log(err);
    });
  return response;
}

이렇게 해보았는데, 아래처럼 promise객체에 있는 list는 어떻게 가져올수 있나요??

이 방법이 아니라면 어떤방식으로 하는게 올바른 코드일까요  답변주신거로 해보려고하는데 잘 안되서요 ㅠ

[designDev]

export async function getBoardList() {
  const send_param = {
    headers,
    //_id: $.cookie("login_id")
  };
  const response = await axios
    .post("http://localhost:8080/board/getBoardList", send_param)
    .then((res) => {
      return res.data.list;
    })
    .catch((err) => {
      console.log(err);
    });
  const boardList = await response;
  return boardList;
}

이렇게 해도 동일하게 나오는데 안에 값을 console로 출력하고 싶을때 어떻게 해야하는지 궁금합니다...

[codingapple]

post요청하는 함수에서 return axios.post() 이것만 하면 

다른데서 사용할 때 post요청하는함수().then() 이렇게 쓸 수 있을듯요

[designDev]

감사합니다 ! !

[글쓴이]

글