
Cynthia Norwood
Front End Web Development Techdegree Graduate 15,202 PointsMy code keeps getting errors. I need to see a screenshot https://teamtreehouse.com/library/decomposing-our-application
function Header(props) { return ( <div className="header"> <h1>{props.title}</h1> </div> ); }
Header.propTypes = { title: React.PropTypes.string.isRequired, };
function Player(props) { return ( <div className="player"> <div className="player-name"> {props.name} </div>
<div className="player-score">
<div className="counter">
<button className="counter-action decrement"> - </button>
<div className="counter-score"> {props.score} </div>
<button className="counter-action increment"> + </button>
</div>
</div>
</div>
); }
Player.propTypes = { name: React.PropTypes.string.isRequired, score: React.PropTypes.number.isRequired, };
function Application(props) { return ( <div className="scoreboard"> <Header title={props.title} />
<div className="players">
<Player name="Jim Hoskins" score={31} />
<Player name="Bob Smith" score={33} />
</div>
</div>
};
}
Application.propTypes = { title: React.PropTypes.string, };
Application.defaultProps = { title: "Scoreboard", }
ReactDOM.render(<Application />, document.getElementById('container'));
2 Answers

Cynthia Norwood
Front End Web Development Techdegree Graduate 15,202 PointsI figured it out, it was one )

Rogier Nitschelm
iOS Development Techdegree Student 5,461 PointsThe markdown seems to be a bit scrambled, could you fix it and also post the errors you are getting? :)