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

import axios from 'axios' import { createAsyncThunk } from "@reduxjs/toolkit" const {createSlice}= require("@redexjs/toolkit") export const fetchPosts=createAsyncThunk("posts/fetchPosts",async()=>{ const res= await axios.get("https://jsonplaceholder

Long Lark answered on November 7, 2022 Popularity 1/10 Helpfulness 1/10

answer import axios from 'axios' import { createAsyncThunk } from "@reduxjs/toolkit" const {createSlice}= require("@redexjs/toolkit") export const fetchPosts=createAsyncThunk("posts/fetchPosts",async()=>{ const res= await axios.get("https://jsonplaceholder

import axios from 'axios' import { createAsyncThunk } from "@reduxjs/toolkit" const {createSlice}= require("@redexjs/toolkit") export const fetchPosts=createAsyncThunk("posts/fetchPosts",async()=>{ const res= await axios.get("https://jsonplaceholder

Comment

import axios from 'axios'
import { createAsyncThunk } from "@reduxjs/toolkit"

const {createSlice}= require("@redexjs/toolkit")

export const fetchPosts=createAsyncThunk("posts/fetchPosts",async()=>{
    const res= await axios.get("https://jsonplaceholder.typicode.com/posts")
    return res.data;
})

const postSlice=createSlice({
    name: 'posts',
    initialState:{
        isLoading:false,
        posts:[],
        error:null
    },
    extraReducers: (builder)=>{
        builder.addCase(fetchPosts.pending,(state)=>{
            state.isLoading=true
        })
        builder.addCase(fetchPosts.fulfilled,(state,action)=>{
            state.isLoading=false;
            state.posts=action.payload;
            state.error=null;
        })

        builder.addCase(fetchPosts.rejected,(state,action)=>{
            state.isLoading=false;
            state.posts=[];
            state.error=action.error.message;
        })
    }
})

export default postSlice.reducer;

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: axios export import javascript

Link to this answer
Share Copy Link

Contributed on Nov 07 2022

Long Lark

0 Answers Avg Quality 2/10

import axios from 'axios' import { createAsyncThunk } from "@reduxjs/toolkit" const {createSlice}= require("@redexjs/toolkit") export const fetchPosts=createAsyncThunk("posts/fetchPosts",async()=>{ const res= await axios.get("https://jsonplaceholder

Contents

More Related Answers

import axios from 'axios' import { createAsyncThunk } from "@reduxjs/toolkit" const {createSlice}= require("@redexjs/toolkit") export const fetchPosts=createAsyncThunk("posts/fetchPosts",async()=>{ const res= await axios.get("https://jsonplaceholder

Grepper

Documentation

Social

Legal

Contact

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