[RTK Query] createApi

📍React-specific entry point import 방식의 장점

패키지 이름 뒤에 react를 뒤에 붙이면 endpoints에 해당하는 hooks를 자동 생성해줌

import { createApi } from '@reduxjs/toolkit/query'

/* React-specific entry point that automatically generates
   hooks corresponding to the defined endpoints */
import { createApi } from '@reduxjs/toolkit/query/react'

 

📍reducerPath

root state 객체에서 하나의 큰 프로퍼티 단위

- 예) albums, users 등

 

HTTP request를 다루는 많은 state 프로퍼티를 가짐

- 예) queries, mutations,

 

📍endpoints 예시

endpoints(builder) {
    return {
      // api 이름
      fetchAlbums: builder.query({ // query | mutation
        query: (user) => {
          return {
            url: "/albums", // baseUrl 관련 path
            params: {
              userId: user.id, // query string
            },
            method: "GET", // method
          };
        }, // request body는 생략되어 있음
      }),
    };
  },