TIL 75일차_구조분해할당,object,axios : basic

🚨오늘의 실수
API로 데이터를 받아와서 처리할 때,
항상 mutable한지 immutable한지 생각하고 처리하자!
데이터는 죄가없었다..다 내탓이오.

구조분해할당에서 해당 property의 변수이름 설정하기

API로 받아온 데이터의 형태가 다음과 같을 때,

{data: 
    {results: [원하는 데이터]
    }
 }

원하는데이터를 데이터에 저장된 results가 아닌,
userdata라는 원하는 변수에 할당하고 싶다면 다음과같이 작성하면 된다.

const{ data: {results: userdata }} = API로 받아온 데이터 전체

자바스크립트는 객체를 축약형으로 할당할 수 있다.

this.setState({
    userData,
      loginData
})

this.state에 userData라는 property에 userData를 할당하고 싶다면 위처럼
userData만 입력해도 userData: userData로 인식한다.

axios base config 설정하기

기본예시

//api.js
const api = axios.create({
        baseURL: "https://abcde.com/3/"
          params: {
            api_key: "1238538e9dj3",
              language: "en-US"
        }
    })

//요청경로: https://abcde.com/3/test/recent
export const testApi = {
    testData: () => api.get("test/recent") 
}

위의 메소드는 다른 파일에서 다음과같이 사용하면 된다.

import {testApi} from './api.js'

//메소드 사용
testApi.testData()