React js reselect no funciona, mientras lo uso en el segmento. Creé un gran proyecto como una aplicación de redes sociales, sin embargo, cuando quería verificar la calidad de los renderizados, vi que toda la página se renderizaba 6 o 7 veces.
import {createSlice} from '@reduxjs/toolkit'; import {createSelector} from "reselect"; export const optimizedEventsSlice = createSlice({ name: 'optimizedEvents', initialState: { optimizedEvents: { next: null, previous: null, results: [] } }, reducers: { initOptimizedEvents: (state, action) => { state.optimizedEvents = action.payload; }, }, }); export const { initOptimizedEvents } = optimizedEventsSlice.actions; // export const getOptimizedEvents = (state) => state.optimizedEvents; export const getOptimizedEvents = createSelector( (state) => state.optimizedEvents, (optimizedEvents)=> optimizedEvents ); export default optimizedEventsSlice.reducer;El selector que ha escrito no está haciendo nada útil en absoluto. Cualquier selector que termine con x => x como su "selector de salida" en realidad no está memorizando nada. Además, al devolver el estado completo del segmento, le está diciendo a la capa de la interfaz de usuario que debe volver a procesarse en cualquier momento en que state.optimizedEvents se actualice de alguna manera.
Recomiendo leer la página de documentos de Redux en Derivación de datos con selectores para comprender mejor cómo funciona Reseleccionar y cómo usarlo correctamente.