Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

213
Views
La ordenación de matriz con React.useState se rompe al agregar cierta fecha

Estoy tratando de agregar una fecha en una lista y ordenar esa lista de forma ascendente cada vez que agrego una nueva fecha. Todo está bien, la lista se renueva cada vez que se insertan nuevos datos, pero si empiezo a agregar esta fecha 13/02/22 , parecerá que la reordenación se detuvo y las nuevas inserciones de fecha se apilarán en cada una. otra/última inserción será la última independientemente de su fecha real.

ingrese la descripción de la imagen aquí

Aquí está mi código al agregar una fecha a la lista. Y el useEffect aquí es mi lógica de clasificación. Como puede ver, ordeno mi lista de fechas llamando a setAddedOpens que es un React.useState.

 const [addedOpens, setAddedOpens] = React.useState(defaultOpens); const [toggleSort, setToggleSort] = React.useState(false); const _addOpens = () => { for (let week = 0; week <= repeatWeeks; week++) { const OFI = new Date(getValues('OFIdate')); setAddedOpens((prevOpens) => [ ...prevOpens, { ofi: format(OFI.setDate(OFI.getDate() + 7 * week), 'dd/MM/yyyy'), start: format(getValues('startTime'), 'hh:mm a'), end: format(getValues('endTime'), 'hh:mm a') } ]); } setToggleSort((toggle) => !toggle); }; React.useEffect(() => { setAddedOpens([...addedOpens].sort((a, b) => new Date(a.ofi) - new Date(b.ofi))); }, [toggleSort]);

No te preocupes por las otras partes de mi código aquí. Debido a que también tengo una función, puede agregar fechas de forma masiva. Pero mientras tanto, digamos que solo agrego una sola fecha cada vez que hago clic en AGREGAR y ese estado repeatWeeks de semanas siempre es 0.

No estoy tan seguro de cuál podría ser el problema. ¿Tal vez me estoy perdiendo algo en mi lógica? ¿O esto tiene algo que ver con las fechas o el formato de fecha? ¿Por qué la clasificación se vuelve errónea una vez que agregué la fecha 13/02/22 ?

Gracias por adelantado.

about 4 years ago · Juan Pablo Isaza
1 answers
Answer question

0

Intente agregar una propiedad adicional al Objeto, llamémoslo ofi_sorting , que almacena la fecha en el formato yyyy-MM-dd y usa ese campo para ordenar los valores:

 setAddedOpens((prevOpens) => [ ...prevOpens, { ofi: format(OFI.setDate(OFI.getDate() + 7 * week), 'dd/MM/yyyy'), ofi_sorting: format(OFI.setDate(OFI.getDate() + 7 * week), 'yyyy-MM-dd'), start: format(getValues('startTime'), 'hh:mm a'), end: format(getValues('endTime'), 'hh:mm a'), }, ]); } setToggleSort((toggle) => !toggle); }; React.useEffect(() => { setAddedOpens( [...addedOpens].sort((a, b) => a.ofi_sorting - b.ofi_sorting) ); }, [toggleSort]);
about 4 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!