• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 React 게시판 axios.get으로 받은 데이터를 export할 때

axios.get으로 받은 데이터를 export할 때

6 글 보임 - 1 에서 6 까지 (총 6 중에서)
  • 글쓴이
  • #26516

    하신영
    참가자

    import ApiService from '../ApiService'

    let axiosMember = {}

    ApiService.getHome().then(( result ) => {
    console.log(result.data.data.member)
    axiosMember = {...axiosMember,...result.data.data.member}
    console.log(axiosMember)
    }).catch((err) => {
    console.log('axiosMember 데이터 가져오기 에러! '+err )

    })

    export default axiosMember

     

    이렇게 데이터를 가져오는 파일을 만들었습니다. (ApiService 클래스에 getHome()메소드를 만들고 그안에 axio.get()을 return하도록 했습니다.)

    현재 .then() 콘솔창에  result.data.data.member,axiosMember 모두 값이 잘 찍히고 있습니다.

    그런데 이렇게 export한 axiosMember를 다른파일에서 import하면 값이 나오지 않습니다. 

     

    import axiosMember from '../../data/axiosMember ' 이렇게 import하고 쓰는데... 경로도 맞는데 그러네요

     

    1. 이렇게 값이 증발하는 이유가 뭘까요?

     

    2. 이 값을 reducer로 관리한다면 .then()에서 dispatch해주면 되나요?

     

    #26538

    codingapple
    키 마스터

    ajax는 처리가 늦게되니 그 전에 axiosMember 를 export 해버려서 그럴 수도요

    저 코드를 함수로 싸매놓고 그 함수를 다른 파일에서 import해서 사용하는 식으로 코드를 짜거나

    그냥 컴포넌트안에서 ApiService가져다 써도 될거같은데요 

    dispatch써도 되는데 보통 컴포넌트 안에서 사용합니다 

    #26550

    하신영
    참가자

    저 코드를 함수로 싸매고 보내도 값이 안들어가서 App.js 컴포넌트에서 axios 받은 값을 dispatch로 reducer에 넘겨줬습니다.  이제 값은 잘 출력되는데 ㅜㅜ .. 그러면 redux를 쓰는 의미가 있나 싶네요.

    #26562

    codingapple
    키 마스터

    값이 안들어간다는 그 변수를 컴포넌트 내부에서 만들면 될수도요?

    #26573

    하신영
    참가자

    답변 감사합니다. 애플님 말은 컴포넌트 안에서 state를 만들고 함수에서 return된 axiosMember로 초기화하라는 뜻인가요?

    #26606

    codingapple
    키 마스터

    네 함수에서 return된 데이터로 state에 반영하든 하면 될듯합니다 

6 글 보임 - 1 에서 6 까지 (총 6 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관, 개인정보처리방침
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠