我的資料看起來像這樣
data = [
{
"id": "27eb95f9",
"title": "hello",
"sort": 4
},
{
"id": "367da510",
"title": "bro",
"sup-title": "",
"sort": 2
},
{
"id": "27eb95f9",
"title": "how ",
"sort": 3
},
{
"id": "367da510",
"title": "you doing",
"sup-title": "",
"sort": 1
},
現在我想在 React 中使用 map 功能來顯示“標題”，但我希望順序根據目標檔案中的“排序”。我怎樣才能做到這一點 ？
uj5u.com熱心網友回復：
先用sort函式，再用map吧！請看下文。在第二個例子中，您也可以使用它來渲染您的組件。
您可以在這里閱讀有關排序方法的資訊：https ://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort
const data = [
{
"id": "27eb95f9",
"title": "hello",
"sort": 4
},
{
"id": "367da510",
"title": "bro",
"sup-title": "",
"sort": 2
},
{
"id": "27eb95f9",
"title": "how ",
"sort": 3
},
{
"id": "367da510",
"title": "you doing",
"sup-title": "",
"sort": 1
}];
const sortedTitles = data.sort((d1, d2)=>d1-d2).map((d)=>d.title);
console.table(sortedTitles);
render = data.sort((d1, d2)=>d1-d2).map((d)=>`<p>${d.title}</p>`).join("");
console.log(render);
document.getElementById("app").innerHTML = render<div id="app"></div>uj5u.com熱心網友回復：
它可能有效，首先 JSON.parse(data) 將其作為物件然后
data.map(row => return {
...row, order : row.sort
})
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/445823.html
上一篇：如何在Python中使用zip從串列中輸入和取平均值
下一篇：遍歷檔案但忽略Bash中的前兩行