Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

229
Vistas
Reaccionar setState, usando métodos de matriz en la función de devolución de llamada

Actualmente estoy siguiendo un curso de React en Scrimba sobre la creación de una aplicación web para tomar notas.

El problema requiere que coloque una nota en la parte superior de la lista de notas cada vez que se actualiza.

Las notas se inicializan a través de useState de la siguiente manera:

 const [notes, setNotes] = useState([])

La matriz consta de las notas individuales como objetos con una id y un body

Cada vez que se activa un onChange , se ejecuta la siguiente función:

 function updateNote(text) { setNotes(oldNotes => { let updated = oldNotes.map(oldNote => { return oldNote.id === currentNoteId ? { ...oldNote, body: text } : oldNote }) const currNoteIndex = updated.findIndex( note => note.id === currentNoteId ) console.log(currNoteIndex) updated.unshift(updated.splice(currNoteIndex, 1)) return updated }) }

Sin embargo, sigo recibiendo un error como se muestra en la imagen.

Mensaje de error

No tengo muy claro dónde radica el problema, pero creo que tiene que ver con los métodos de matriz.

¡Cualquier explicación para este problema sería muy apreciada!

about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

Créditos a jsN00b por la respuesta:

array.splice devuelve una matriz, no el objeto.

Dado que esa matriz se inserta al comienzo de la matriz que contiene los objetos, habrá un error cuando se vuelva a llamar a updateNote() .

about 4 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 Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda