0
244
ViewsCómo mostrar los datos de cada mes en una fila
Hola, tengo una lista de datos almacenados en una array , la matriz contains the list of objetos. Cada objeto tiene ciertas propiedades como nombre, creado en, etc. Ahora quiero mostrar todos los usuarios que se crean en un mes en particular. , mostrar en una fila, como si los dos usuarios se crearan en el mes de noviembre, quiero mostrar estos dos usuarios en una fila, con el nombre del mes y el año del encabezado.
let users[{name: user1, created-at: November},{},{}]; 
·
Juan Pablo Isaza
2 answers
Answer question0
Creé una matriz de valores createdAt únicos a partir de una matriz de usuarios. Luego asigné esta tabla y le agregué a todos los usuarios que tienen la misma fecha de creación.
function App() { let users = [ {name: 'user1', createdAt: 'November'}, {name: 'user5', createdAt: 'November'}, {name: 'user2', createdAt: 'April'}]; let rows = [...new Set(users.map(item => item.createdAt))]; return ( <div className="App"> {rows.map(i=><div> <h1>{i}</h1> <ol>{users.map(j => i === j.createdAt ? <li>{j.name}</li>: null)}</ol> </div>)} </div> ); }
·
Juan Pablo Isaza
Report
0
Es posible que desee crear algún tipo de función 'groupBy' para lograr esto. Echa un vistazo a este ejemplo.
const users = [{ firstName: "Garnet", createdAt: "January" }, { firstName: "Pearl", createdAt: "February" }, { firstName: "Amethyst", createdAt: "January" }, { firstName: "Steven", createdAt: "March" } ] function groupBy(array, key) { return array.reduce((acc, obj) => { const property = obj[key] acc[property] = acc[property] || [] acc[property].push(obj) return acc }, {}) } console.log(groupBy(users, 'createdAt'))
·
Juan Pablo Isaza
Report
Answer question