0
197
ViewsVisualización ordenada de matriz de objetos basada en la fecha de creación en ReactJS
Estoy tratando de mostrar la lista de elementos de los que get respuesta de mi respuesta de solicitud de obtención. Entonces, ¿cómo clasifico según la fecha de creación? El Mon, 18 Oct 2021 22:46:50 GMT es el formato de fecha que estoy mostrando en mi tabla. Mi código va:
const display = todoList .sort((a, b) => { return ( new Date(a.createdAt).toUTCString() - new Date(b.createdAt).toUTCString() ); }) .map((item) => ( <tr key={item.id}> <td>{item.title}</td> <td>{new Date(item.CreatedAt).toUTCString()}</td> <td> <button onClick={() => Update(item.id)} className="btn btn-success"> Update </button> </td> <td> <button onClick={() => remove(item.id)} className="btn btn-Danger"> Delete </button> </td> </tr> )); respuesta 
2 answers
Answer question0
Tu clasificación no funcionará así. Puedes probar algo como esto. No tengo ni idea de cómo se ve tu matriz toDoList, pero aquí hay una suposición. Y luego mapeas.
toDoList.sort((a,b)=> { return new Date(b.createdAt) - new Date(a.createdAt); });0
Eche un vistazo a los Webdocs de MDN para sort() . Específicamente, mire su ejemplo, está devolviendo 0 , -1 o 1 , y solo estos valores. Su función, por otro lado, devuelve una fecha UTC (menos) otra fecha UTC. Lo que necesita no es "string1 - string2" , sino "if string1 > string2 return 1, else" , etc.
Cambie su clasificación para usar -1 o 1 , y cadenas > comparaciones en lugar de cadenas - comparaciones, como a continuación, y se ordenará correctamente...
todoList = [ {'createdAt':'2000-01-01 12:00:00'}, {'createdAt':'2000-01-01 10:00:00'}, ]; todoList.sort((a, b) => { if(new Date(a.createdAt) > new Date(b.createdAt)) { return 1; } return -1; }); console.log(todoList);