feat: Redux-Thunk für analoge Eingänge integriert & useFetchAnalogeEingaenge entfernt
- `fetchAnalogeEingaengeThunk` in `AnalogeEingaengeTable.tsx` verwendet, um API-Daten in Redux zu speichern.
- `useFetchAnalogeEingaenge` entfernt, um doppelte API-Aufrufe zu vermeiden.
- Sicherstellung, dass Redux-Thunk nur im Client (`useEffect`) ausgeführt wird.
- Automatische Aktualisierung der API-Daten alle 10 Sekunden über Redux-Thunk.
- Code-Optimierungen für eine stabilere Client-Side-Architektur mit Next.js.
✅ Jetzt läuft Redux-Thunk stabil & effizient in der Next.js-Anwendung!
This commit is contained in:
22
redux/slices/testSlice.ts
Normal file
22
redux/slices/testSlice.ts
Normal file
@@ -0,0 +1,22 @@
|
||||
import { createSlice, PayloadAction } from "@reduxjs/toolkit";
|
||||
|
||||
interface TestState {
|
||||
testData: any[];
|
||||
}
|
||||
|
||||
const initialState: TestState = {
|
||||
testData: [],
|
||||
};
|
||||
|
||||
const testSlice = createSlice({
|
||||
name: "test",
|
||||
initialState,
|
||||
reducers: {
|
||||
setTestData: (state, action: PayloadAction<any[]>) => {
|
||||
state.testData = action.payload;
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
export const { setTestData } = testSlice.actions;
|
||||
export default testSlice.reducer;
|
||||
Reference in New Issue
Block a user