Ordenar y organizar la lista de objetos dentro de objetos en función de la clave de orden
const listing = { "football":{ "name":"FOOTBALL", "slug":"football", "arr":[], "order": 4 }, "table-tennis":{ "name":"TABLE TENNIS", "slug":"table-tennis", "arr":[], "order": 1 }, "cricket":{ "name":"CRICKET", "slug":"cricket", "arr":[], "order": 5 }, "badminton":{ "name":"BADMINTON", "slug":"badminton", "arr":[], "order": 2 }, "hockey":{ "name":"HOCKEY", "slug":"hockey", "arr":[], "order": 3 } } Object.keys(listing).sort().map((item) => { return ( <div> <div onClick={() => sportsKitFilter()}>{listing[item].name}</div> </div> ) })Resultado actual:-
BADMINTON CRICKET FOOTBALL HOCKEY TABLE TENNISResultado Esperado:-
TABLE TENNIS BADMINTON HOCKEY FOOTBALL CRICKETEntonces, en el resultado esperado, el almacenamiento se basa en la clave de orden
Guíame, En este escenario??
Actualmente estoy ordenando listing.order . prueba este código, ¡está funcionando!
Object.keys(listing).sort((a, b) => listing[a].order - listing[b].order).map((item) => { return ( <div> <div onClick={() => sportsKitFilter()}>{listing[item].name}</div> </div> ) })¿Cómo es esto para ti?
const listing = { football: { name: "FOOTBALL", slug: "football", arr: [], order: 4, }, "table-tennis": { name: "TABLE TENNIS", slug: "table-tennis", arr: [], order: 1, }, cricket: { name: "CRICKET", slug: "cricket", arr: [], order: 5, }, badminton: { name: "BADMINTON", slug: "badminton", arr: [], order: 2, }, hockey: { name: "HOCKEY", slug: "hockey", arr: [], order: 3, }, }; const ordered = Object.keys(listing).sort( (a, b) => listing[a].order - listing[b].order ).map(item => ["YOUR JSX HERE"]);