25b63e3a31
- `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!
23 lines
440 B
TypeScript
23 lines
440 B
TypeScript
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;
|