Breaking News: Grepper is joining You.com. Read the official announcement!

slicer

Blue Baboon answered on June 27, 2022 Popularity 5/10 Helpfulness 1/10

answer slicer

slicer

Comment

import { createSlice, createAsyncThunk } from "@reduxjs/toolkit";
import { baseUrl } from "../../services";
export const fetchUserById: any = createAsyncThunk(
  "akaBlogSlicerThunk",
  async () => {
    const response = await baseUrl.get("/products").catch((err) => {
      console.log(err);
    });
    console.log(response);
    return response;
  }
);

let initialState = {
  data: [],
};

const BlogSlicer = createSlice({
  name: "akaBlogSlicer",
  initialState,
  reducers: {
    blogDataFetchAct: (state: object | any, { payload }: object | any) => {
      state.data = payload;
    },
  },
  extraReducers: {
    [fetchUserById.pending]: () => {
      console.log("pending");
    },
    [fetchUserById.fulfilled]: (state: any, { payload }: any) => {
      console.log("fullfilled ");
      return { ...state, data: payload.data };
    },
    [fetchUserById.rejected]: () => {
      console.log("rejected");
    },
  },
});
export const { blogDataFetchAct } = BlogSlicer.actions;
export default BlogSlicer.reducer;

Popularity 5/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: javascript

Link to this answer
Share Copy Link

Contributed on Jun 27 2022

Blue Baboon

0 Answers Avg Quality 2/10

slicer

Contents

More Related Answers

slicer

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.