• 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

94
Vistas
No estoy mutando correctamente el estado de mi tienda redux

Estoy creando una funcionalidad de búsqueda en mi aplicación con la ayuda de redux. Pero no está funcionando como se esperaba.

Mi estado inicial se ve así:

 const initialState = { //some other state data locationSummaries: [], }

Mi función reductora para actualizar esta matriz de locationSummaries se da como:

 const updateLocationSummaries = (state, action) => { state.locationSummaries = [...action.payload]; },

Mi función para filtrar la matriz en función de la búsqueda de entrada se da como:

 const handleInputSearch = (e) => { const { value } = e.target; const searchText = value.toLowerCase().trim(); let filteredLocations = locationSummaries.filter((locationSummary) => locationSummary.locationName.toLowerCase().startsWith(searchText) ); dispatch(updateLocationSummaries(filteredLocations)); };

Aquí searchText es el valor que estoy ingresando en el cuadro de texto de entrada

Entonces, en esto, estoy filtrando las listas de matrices cuando estoy escribiendo el texto en el cuadro de búsqueda de entrada.

Después de enviar las listas filtradas, mi estado se actualiza. Pero mi matriz locationSummaries finalmente se vaciará. Entonces, ¿qué estoy haciendo mal en este escenario?

almost 3 years ago · Juan Pablo Isaza
2 Respuestas
Responde la pregunta

0

El problema es que actualizas la misma matriz.

  1. Mantenga otra matriz para almacenar valores filtrados.
 const initialState = { //some other state data locationSummaries: [], filteredLocationSummaries: [], }
  1. Actualice esa matriz locationSummaries en el archivo ation.
 const updateLocationSummaries = (state, action) => { state.filteredLocationSummaries = [...action.payload]; },
  1. En el componente, use filteredLocationSummaries para representar los valores filtrados.
almost 3 years ago · Juan Pablo Isaza Denunciar

0

La mejor respuesta aquí es no mantener los valores filtrados en state .

En su lugar, mantenga los datos originales en Redux, mantenga una descripción de cómo filtrar los datos en el componente y realice el filtrado mientras se procesa :

 const items = useSelector(state => state.some.items); const [filterText, setFilterText] = useState(''); const filteredItems = useMemo(() => { if (!filterText) return items; return items.filter(item => item.includes(filterText); }, [items, filterText]);
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