Различия

Показаны различия между двумя версиями страницы.

--- createasyncthunk_-_asinxronni_zapiti_v_redux_toolkit [2024/04/18 16:49]
tro
+++ createasyncthunk_-_asinxronni_zapiti_v_redux_toolkit [2024/04/25 17:18] (текущий)
tro
@@ Строка 13: / Строка 13: @@
   return response.data;
 });
+</code>
+<code>
+// src/redux/tasksSlice.js
+import { createSlice } from "@reduxjs/toolkit";
+// Імпортуємо операцію
+import { fetchTasks } from "./operations";
+const tasksSlice = createSlice({
+  name: "tasks",
+  initialState: {
+    items: [],
+    isLoading: false,
+    error: null,
+  },
+  // Додаємо обробку зовнішніх екшенів
+  extraReducers: builder => {
+    builder
+      .addCase(fetchTasks.pending, (state, action) => {тут код обробки стейтів})
+      .addCase(fetchTasks.fulfilled, (state, action) => {})
+      .addCase(fetchTasks.rejected, (state, action) => {});
+  },
+});
+export const tasksReducer = tasksSlice.reducer;
 </code>