我正在嘗試顯示我從我的get請求回應中得到回應的專案??串列。那么如何根據創建日期進行排序Mon, 18 Oct 2021 22:46:50 GMT 是我在表格中顯示的日期格式。我的代碼是：
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>
));
回復
uj5u.com熱心網友回復：
請查看 MDN Webdocs for sort(). 具體來說，看看他們的例子，它回傳0、-1、 或1，并且只回傳這些值。另一方面，您的函式回傳一個 UTC 日期（減去）另一個 UTC 日期。你需要的不是"string1 - string2", but"if string1 > string2 return 1, else"等等...
將您的排序更改為使用-1or1和字串>比較而不是字串-比較，如下所示，它將正確排序...
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);uj5u.com熱心網友回復：
你的排序不會那樣作業。你可以嘗試這樣的事情。我不知道你的 toDoList 陣列看起來如何，但這是一個猜測。然后你映射。
toDoList.sort((a,b)=> {
return new Date(b.createdAt) - new Date(a.createdAt);
});
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/333902.html
標籤：javascript 反应 排序
上一篇：根據另一個陣列對陣列進行排序