result를 console로 찍어보니..

Question

게속 프론트에서 nickname 이 없다고해서 result를 console로 찍어보니 Promise  { <pending> } __proto__ :  Promise [[PromiseStatus]] :  " resolved " [PromiseValue]] :  Object config :  { url :  "/user/login" ,  method :  "post" ,  data :  "{"userId":"op","password":"op"}" ,  headers :  {&hellip;} ,  baseURL :  "http://localhost:8080/api" , &hellip; } data :  { id :  6 ,  nickname :  "op" ,  userId :  "op" ,  createdAt :  "2020-06-25T02:11:14.000Z" ,  updatedAt :  "2020-06-25T02:11:14.000Z" } headers :  { content-length :  "116" ,  content-type :  "application/json; charset=utf-8" } request :  XMLHttpRequest  { readyState :  4 ,  timeout :  0 ,  withCredentials :  false ,  upload :  XMLHttpRequestUpload ,  onreadystatechange :  &fnof; , &hellip; } status :  200 statusText :  " OK " __proto__ :  Object 이렇게 되있는데 여기서 어떻게 data로 접근하죠? result.data로 하면 error뜹니다ㅠㅠ

이주호 · Answer

아.... 감사합니다. ㅠㅠㅠ 이런 중대한 실수를 머가리 박겠습니다.

제로초(조현영) · Answer

loginAPI에서 * 빼주세요.

제로초(조현영) · Answer

Promise가 pending인데요? saga 코드를 보여주세요.

이주호 · Answer

import  {  all ,  fork ,  takeLatest ,  call ,  put ,  take ,  takeEvery ,  delay  }  from   "redux-saga/effects" ; import  {  LOG_IN_SUCCESS ,  LOG_IN_FAILURE ,  LOG_IN_REQUEST ,       SIGN_UP_SUCCESS ,  SIGN_UP_REQUEST ,  SIGN_UP_FAILURE  }  from   '../reducers/user' ; import   axios   from   'axios' axios . defaults . baseURL  =  'http://localhost:8080/api' ;  //증복된거 줄이기 function*   loginAPI ( loginData ) {      return   axios . post ( '/user/login' ,  loginData );  //요청을 보내면 응답을 해주는 애 (SUCCESS인지 FAILURE인지)D } function*   login ( action ) {      try  {  //call은 *동기호출* loginAPI는 서버 요청을 보내는부분 요청을 보내면 받을때까지 기다림, fork로 하면 비동기여서 요청을 보내면 응답을 받지도않고 바로 그 다음줄들 실행          const   result  =  yield   call ( loginAPI ,  action . data );  //call은 함수를 동기적 호출 server에서 로그인 요청을 보내고 로그인이 성공했다면 그 다움줄 실행           console . log ( result );          yield   put ({  //put은 dispatch 랑 똑같은 역할, loginAPI에 요청을 보내고 응답을 받아야지만 이 줄이 실행              type :   LOG_IN_SUCCESS ,  //yied call(loginAPI)가 요청을 보내 로그인이 성공이면 redux에 LOGIN_IN_SUCCESS 실행              data :   result . data   //여기에 user정보가들어있음, loginAPI는 로그인이 성공이됬다면 성공이된 user의 데이터를 보내고 그걸 result라는 변수에 담아서 reducer에 보내기         })     }  catch  ( e ) {  // loginAPI 실패일시 여기에 LOG_IN_FAILURE 에러가 남          console . error ( e );          yield   put ({              type :   LOG_IN_FAILURE   //로그인이 실패면 LOG_IN_FAILURE 실행         })     } } function*   watchLogin () {  //watch라고 하는이유는 action이 들어와야 실행이되기때문에 기다린다고해서 watch라고 함      yield   takeEvery ( LOG_IN_REQUEST ,  login );  //LOG_IN Action 받을때까지 기달림 받으면, login 함수실행 login 함수에서는 loginAPI로 서버와의 통신 }