Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

JavaScript React Basics 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,167 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 32,424 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