Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript React Basics (2018) Introducing Props Iterating and Rendering with map()

Nnanna Okoli
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Nnanna Okoli
Front End Web Development Techdegree Graduate 19,181 Points
Posted by Nnanna Okoli
.a{fill-rule:evenodd;}techdegree seal-36
Nnanna Okoli
Front End Web Development Techdegree Graduate 19,181 Points

Error rendering Guils code at line 60

When I add the .map method that Guil added at line 60 in this video my browser just turns blank as if there's an error rendering but I'm not sure where?

When I add the following a blank screen occurs

{props.initialPlayers.map( players => <Player score={player.score} name={player.name} /> )}

I have also added the array and added the initialPlayers={players} code for the DOM to render..

Mark Sebeck
Mark Sebeck
Treehouse Moderator 38,004 Points
Mark Sebeck
Mark Sebeck
Treehouse Moderator 38,004 Points

Nnanna great job figuring it out! I changed your comment to an answer and marked it the best one. Keep at it! And yes sleep usually helps :)

1 Answer