Error:
services/posts.js:
import { createApi, fetchBaseQuery } from ‘@reduxjs/toolkit/query/react’;
export const gettingPosts = createApi({
reducerPath:“gettingPosts”,
baseQuery : fetchBaseQuery({
baseURL:“https://jsonplaceholder.typicode.com/”,
}),
endpoints:(builder)=>({
getAllPosts:builder.query({
query:()=>({
url:'posts',
method:'GET'
})
})
})
})
export const { useGetAllPostsQuery } = gettingPosts;
Store.js:
import { configureStore } from ‘@reduxjs/toolkit’;
import { setupListeners } from ‘@reduxjs/toolkit/query’;import {gettingPosts} from ‘…/services/posts’;
export const store = configureStore({
reducer:{
[gettingPosts.reducerPath]:gettingPosts.reducer
},
middleware: (getDefaultMiddleware) =>
getDefaultMiddleware().concat(gettingPosts.middleware),
})setupListeners(store.dispatch)
components/Allposts.jsx
import React,{useEffect} from ‘react’;
import {useGetAllPostsQuery} from ‘…/services/posts.js’;const AllPosts = () => {
const displayData = useGetAllPostsQuery();
console.log(displayData)return (
<>
</>
)
}export default AllPosts