Vamos a recordar nuestros tiempos de universidad y de clubes de actividades, con React!
A continuación tenemos una constante con información de nuestros clubes favoritos, del icono que usan (eran unos adelantados usando FontAwesome) y su lista de miembros.
Seremos capaces de pintarlo tal que así con React?
Añadiendo nuestra constante de datos al archivo App.js hay que pintar la lista de clubes con:
Icono
Nombre del club
Listado de miembros
En una primera fase lo importante es pintar los datos pero el objetivo es crear dos componentes más:
ClubList.js con la lista de clubes
Club.js con cada card de cada club
const clubs = [{"name": "Book club","fa": "fas fa-glasses","members": ["Rosalie Bradley","Lula Day","Hallie Bryant","Antonio Martin","Polly Nelson"]},{"name": "Chess club","fa": "fas fa-chess","members": ["Francisco Alexander","Alice Garner","Michael Elliott","Tyler Sparks","Rose Munoz","Lena Rios","Abbie Perkins"]},{"name": "Escape room club","fa": "fas fa-dungeon","members": ["Della Frank","Nathan Briggs","Alexander Caldwell","John McCarthy","Theodore Lawson"]},{"name": "Thief club","fa": "fas fa-mask","members": ["Ina Becker","Jared Bryan","Eugenia Crawford","Mina Goodwin","Hester Rodriquez","Cameron Watts","Charles Daniel","Christine Barnes"]},{"name": "Fight club","fa": "fas fa-fist-raised","members": ["Bernice Marshall","Alvin McCormick","Aiden Edwards","Daniel Mendoza","Olive Poole"]},{"name": "Magic club","fa": "fas fa-magic","members": ["Harry Ruiz","Tom Dunn","Emily Gonzales","Evelyn Snyder","Evan Doyle","Stanley Mann","Tom Nash","Glenn Luna","Hattie McCoy","Erik Cobb","Ada Warren","Lucy Webb"]},{"name": "Live long and prosper club","fa": "fas fa-hand-spock","members": ["Shane Lambert","Willie Young","Jane Hunt","Martha Houston","Clyde Johnston","Jonathan Brooks","Emily Howard","Steven Peters","Helen Stewart","John Cox","Lillie Moore","Chris Walters","Sally Cunningham","Ada Klein","Fanny Kelly","Jane Norton","Bertha Francis","Jane Scott","Etta Klein","Bobby Rodriguez","Tyler Goodman","Peter Ferguson","Theresa Hudson","Lloyd Soto","Stanley Hardy","Bobby Stewart"]}];