Open2
RTKQuery 使い方
MenomRTKQueryを導入したのでクエリの使用方法やパラメータの与え方を整理する
MenomQuery
クエリパラメータ設定
type UserRequest = {
userId:string
};
export const userApi = createApi({
reducerPath: "userApi",
baseQuery: fetchBaseQuery({ baseUrl }),
endpoints: (builder) => ({
getUser: builder.query<UserResponse, UserRequest>({
// /user?userId=hoge
query: (arg) => ({
url: `/user`,
// クエリパラメータを設定（UserRequestの型がクエリパラメータとして定義される）
params: { ...arg },
}),
}),
}),
})
POSTメソッドで Bodyにパラメータを設定するQuery
type UserRequest = {
userId:string
};
export const userApi = createApi({
reducerPath: "userApi",
baseQuery: fetchBaseQuery({ baseUrl }),
endpoints: (builder) => ({
getUser: builder.query<UserResponse, UserRequest>({
// /user, body に { userId: "hogehoge" }
query: (body) => ({
url: `/user`,
method: 'POST',
body,
}),
}),
}),
})