• Empleos
  • Sobre nosotros
  • profesionales
    • Inicio
    • Empleos
    • Cursos y retos
  • empresas
    • Inicio
    • Publicar vacante
    • Nuestro proceso
    • Precios
    • Evaluaciones
    • Nómina
    • Blog
    • Comercial
    • Calculadora de salario

0

131
Vistas
No funciona agrupar el estado con NgRx

Estoy tratando de agrupar el estado.

Índice.ts

 export const reducers: ActionReducerMap<ApplicationState> = { admin: adminReducer }; export const metaReducers: MetaReducer<ApplicationState>[] = [];

Reductor de administración

 export const adminReducer: any = { productCategory: ProductCategoryReducer, productVendor: ProductVendorReducer, productSubCategory: ProductSubCategoryReducer, products: ProductsReducer, product: ProductReducer, productDiscount: ProductDiscountReducer };

Cuando ejecuto la aplicación, en la herramienta redux, no puedo ver el estado. esta en blanco

 export interface ApplicationState { admin: AdminState } export interface AdminState { productCategory: ProductCategoryState; productVendor: VendorState; productSubCategory: ProductSubCategoryState; products: ProductsState; product: ProductState; productDiscount: ProductDiscountState }

ingrese la descripción de la imagen aquí

Registro

 imports: [ StoreModule.forRoot(reducers, { metaReducers }), EffectsModule.forRoot([]), StoreDevtoolsModule.instrument({ maxAge: 25 }) ]
almost 3 years ago · Juan Pablo Isaza
2 Respuestas
Responde la pregunta

0

El Reducer es una "función que toma una Action y un State , y devuelve un State " , no un objeto, por lo que no puede agrupar los reductores entre sí simplemente creando un objeto que los contenga.

Gracias por la función NgRx de NgRx , que proporciona una forma de combinar varios estados y devuelve el reducer combinado como una función (con argumentos de state y action ) que maneja los cambios de los subestados y devuelve el estado combinado.

Entonces, simplemente puede combinar los reductores usando combineReducers como el siguiente:

 export const adminReducer = combineReducers({ productCategory: ProductCategoryReducer, productVendor: ProductVendorReducer, productSubCategory: ProductSubCategoryReducer, products: ProductsReducer, product: ProductReducer, productDiscount: ProductDiscountReducer, });
almost 3 years ago · Juan Pablo Isaza Denunciar

0

Usando los combineReducers logré eso

 export const adminReducer = combineReducers({ productCategory: ProductCategoryReducer, productVendor: ProductVendorReducer, productSubCategory: ProductSubCategoryReducer, products: ProductsReducer, product: ProductReducer, productDiscount: ProductDiscountReducer });
almost 3 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Nuestro proceso Comercial
Legal
Términos y condiciones Política de privacidad
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recomiéndame algunas ofertas
Necesito ayuda