- Redux-Slice 'selectedAreaSlice' erstellt mit set/clear Funktionen - DataSheet.js verwendet dispatch(setSelectedArea(...)) für Dropdown-Auswahl - MapComponent.js liest Bereichsauswahl über useSelector aus Redux Store - Recoil-Importe entfernt, Zustand zentralisiert
23 lines
506 B
JavaScript
23 lines
506 B
JavaScript
// redux/slices/selectedAreaSlice.js
|
|
import { createSlice } from "@reduxjs/toolkit";
|
|
|
|
const initialState = {
|
|
area: null,
|
|
};
|
|
|
|
const selectedAreaSlice = createSlice({
|
|
name: "selectedArea",
|
|
initialState,
|
|
reducers: {
|
|
setSelectedArea: (state, action) => {
|
|
state.area = action.payload;
|
|
},
|
|
clearSelectedArea: (state) => {
|
|
state.area = null;
|
|
},
|
|
},
|
|
});
|
|
|
|
export const { setSelectedArea, clearSelectedArea } = selectedAreaSlice.actions;
|
|
export default selectedAreaSlice.reducer;
|