7. How do you pass parameters to a thunk function?

Question

Accepted Answer

In Redux Toolkit, you can easily pass parameters to thunk functions created using `createAsyncThunk`. These parameters are received by the payload creator (the async function inside `createAsyncThunk`) and can be used for API calls, filtering, or conditional logic. **1. Define Parameter in Payload Creator:** The async function inside `createAsyncThunk` receives the parameter as its first argument. **2. Dispatch with Argument:** When dispatching the thunk, pass the argument like a regular function call — e.g., `dispatch(fetchUser(5))`. **3. Use Parameter Inside Async Logic:** Use the received parameter in API requests or any business logic. import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';

// Define thunk with parameter
export const fetchUser = createAsyncThunk('user/fetchUser', async (userId) => {
  const response = await fetch(`/api/users/${userId}`);
  return response.json();
});

// Slice using the thunk
const userSlice = createSlice({
  name: 'user',
  initialState: { data: null, status: 'idle', error: null },
  extraReducers: (builder) => {
    builder
      .addCase(fetchUser.pending, (state) => {
        state.status = 'loading';
      })
      .addCase(fetchUser.fulfilled, (state, action) => {
        state.status = 'succeeded';
        state.data = action.payload;
      })
      .addCase(fetchUser.rejected, (state, action) => {
        state.status = 'failed';
        state.error = action.error.message;
      });
  },
});

// Dispatch with parameter
// dispatch(fetchUser(10)); You can pass any type of parameter — such as an ID, object, or filter — to dynamically control the async logic inside your thunk. This makes `createAsyncThunk` highly flexible for different API scenarios.

7. How do you pass parameters to a thunk function?

Passing Parameters to Thunk Functions in Redux Toolkit

7. How do you pass parameters to a thunk function?

Passing Parameters to Thunk Functions in Redux Toolkit

Scenario Questions

Follow-up Questions