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.
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.
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]);