From the course: React: Cloud-Powered Apps with Firebase

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Admin interface: Render user collection

Admin interface: Render user collection

From the course: React: Cloud-Powered Apps with Firebase

Start my 1-month free trial

Admin interface: Render user collection

“

- [Instructor] Now that we are successfully retrieving our users, let's display that data now. In the users component, once we successfully retrieved that users, let's set the state here by calling set users with our users array. And now here, we will render a table. Let's give this table a class name of UI Selectable Cell Table and let's render the table header here. And, we will render five fields. Next, we will go ahead and render a table body. And here, we will return a table role for each user. So let's go ahead and map the users array. For each user, we can return a table row. Let's give it a key which will be the user ID. And let's render each one of those fields. We will have the name, the specialty, the address, the phone, and the IP address. Let's give that a save and head over now to our browser. Let me close the Developer Tools and now we can see all of our data.

Contents