From the course: MERN Essential Training (2020)

Unlock the full course today

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

Create the listing component

Create the listing component

From the course: MERN Essential Training (2020)

Start my 1-month free trial

Create the listing component

“

Now let's work on the listing of our players component. Now let's get to the file called playerlist.js, and what we're going to do is basically create something where we can see a list of all the players. So let's go ahead and do that. The first thing I'm going to do is hit return on the div here and just kind of remove these out of the way and I'm going to remove player list here and I will start coding. So, let's go and first bring up a UL with a class name of collection with-header and close that. And then we're going to do an LI, Which will be, have a class name of collection header. And this is what we're going to call, let's do an H for this. We're going to do this one as Players, cool. So now, we're actually going to use the props that we're getting from the state. So, right now, we've created some code that we're passing a prop called Players. So let's make sure that first we pass the props inside of our functional…

Contents