mi redux
import { createStore } from 'redux'; import { persistStore, persistReducer } from 'redux-persist' import AsyncStorage from '@react-native-async-storage/async-storage'; import user from '../reducer/index'; const persistConfig = { key: 'root', Storage: AsyncStorage, }; const persistedReducer = persistReducer(persistConfig, user()) export function user( state = { id: '', id_karyawan: '', name: '', tema: '', presensi: '', color: '', akun: '', }, action, ) { switch (action.type) { case 'CHANGE/USER': return { ...state, ...action.payload }; } return state; }` export const store = createStore(user); export const persistor = persistStore(user);`esta es mi aplicación.js
import React, { Component } from 'react' import { StyleSheet, Text, View } from 'react-native' import Router from './router'; import { PersistGate } from 'redux-persist/integration/react'; import { Provider } from 'react-redux'; import { Store,persistor } from './redux/store/index'; export default class App extends Component { render() { return ( <Provider store={Store}> <PersistGate persistor={persistor} loading={null}> <Router/> </PersistGate> </Provider> ) } } const styles = StyleSheet.create({})Eso significa que en algún momento está despachando undefined ; una razón común para eso podría ser que a uno de los creadores de su acción le falta una declaración de return ; lamentablemente, no compartió ese código.
En general, quiero darle la opinión de que está escribiendo un estilo de Redux extremadamente obsoleto aquí: el Redux moderno no usa interruptor ... el caso reduce switch..case , lógica reductora inmutable, creadores de acciones escritas a mano o createStore más, y es solo 1 /4 del código como consecuencia. Y todo eso desde 2019. Le recomiendo encarecidamente que siga el tutorial oficial de Redux , ya que, lamentablemente, muchos tutoriales externos están irremediablemente desactualizados.