Hey there everyone :)) !
I’m simply logging in a dashboard, after clicking the submit button , the post method also returns a single object( user’s data) in response while logging -In . I’ve searched a-lot but still stuck at this point that how can I have this object ? by using rtk query mutation . If anyone knows … please let me know !
Login.js
import { createApi, fetchBaseQuery } from ‘@reduxjs/toolkit/query/react’;
import baseURL from ‘…/GettingURL’;export const userLogin = createApi({
reducerPath:“userLogin”,
baseQuery:fetchBaseQuery({
baseUrl:baseURL
}),
endpoints:(builder)=>({
loginUser:builder.mutation({
query:(userObj)=>{
return{
url:`login`,
method:'POST',
body:userObj,
headers: {
'Content-type': 'application/json; charset=UTF-8',
}
}
}
})
})
})
export const {useLoginUserMutation} = userLogin;
UserLogin Component:’
const inputHandler = (e) => {
setLogin({ …login, [e.target.name]: e.target.value });
};const submit = async (e)=>{
e.preventDefault()
const userObj = {
email:login.email,
password:login.password
}await loginUser(userObj).unwrap()
.then((isSuccess)=>{
AsyncStorage.setItem(‘logIN’,JSON.stringify(true));
AsyncStorage.setItem(‘email’,JSON.stringify(login.email));
AsyncStorage.setItem(‘password’,JSON.stringify(login.password));
// AsyncStorage.setItem(‘id’,JSON.stringify(res.data.user.id));
toast.info(“Successfully logged In!”);
setInterval(() => {window.location.reload(true); }, 1500); }) .catch((isError)=>{ toast.warning(isError.data.message) console.log(isError.data.message) }) setLogin({ email:'', password:'' });
}