Skip to content

haseebarshad17/createAsyncThunk

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 

Repository files navigation

  // app/reducers-or-slices/speceficDataFetcher-slice.jsx

import { createSlice } from "@reduxjs/toolkit";
import { createAsyncThunk } from "@reduxjs/toolkit";

export const fetchData = createAsyncThunk(
  "data-fetcher-thunk",
  async (_, { rejectWithValue }) => {
    try {
      const response = await fetch(`https://your-api.com/content`);
      const data = await response.json();
      return data;
    } catch (error) {
      rejectWithValue(error);
      console.error(error);
    }
  }
);

const myslice = createSlice({
  name: "myslice-name",
  initialState: {
    data: null,
    loading: false,
  },
  reducers: {},
  extraReducers: (builder) => {
    builder.addCase(BestSalesfetchAction.pending, (state) => {
      state.loading = true;
    });
    builder.addCase(BestSalesfetchAction.fulfilled, (state, action) => {
      state.loading = false;
      state.data = action.payload;
    });
    builder.addCase(BestSalesfetchAction.rejected, (state, action) => {
      state.loading = false;
    });
  },
});

export default BestSalesSlice.reducer;

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published