p6/7 started (Freezing due to no experience in redux)
This commit is contained in:
30
labs/lab8/src/testing/features/quizSlice.tsx
Normal file
30
labs/lab8/src/testing/features/quizSlice.tsx
Normal file
@@ -0,0 +1,30 @@
|
||||
import { createSlice } from '@reduxjs/toolkit';
|
||||
import type {PayloadAction} from '@reduxjs/toolkit';
|
||||
interface ListsState {
|
||||
lists: string[][]; // хранит перемещаемые элементы каждого списка ответов
|
||||
}
|
||||
|
||||
const initialState: ListsState = {
|
||||
lists: [],
|
||||
};
|
||||
|
||||
const listsSlice = createSlice({
|
||||
name: 'lists',
|
||||
initialState,
|
||||
reducers: {
|
||||
addList: (state, action: PayloadAction<{index: number; items: string[]}>)=>{
|
||||
const { index, items } = action.payload;
|
||||
state.lists.splice(index, 0, items);
|
||||
},
|
||||
setDraggedItems: (state, action: PayloadAction<{ index: number; items: string[] }>) => {
|
||||
const { index, items } = action.payload;
|
||||
if (index >= 0 && index < state.lists.length) {
|
||||
state.lists[index] = items; // обновляем конкретный список
|
||||
}
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
// Экспортируем действия и редьюсер
|
||||
export const { addList, setDraggedItems } = listsSlice.actions;
|
||||
export default listsSlice.reducer;
|
||||
Reference in New Issue
Block a user