JavaScript React Basics Understanding State Remove Items From State

Gremyko Coleman
Gremyko Coleman
8,675 Points
Posted by Gremyko Coleman
Gremyko Coleman
8,675 Points

How would we create the handleRemovePlayer function to the Player, component, if the player componen was a class instead

If the Player component in the video was a Class instead, how would we bind the handleRemovePlayer to the onClick event for the button?

1 Answer

Juan Lopez
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Juan Lopez
Treehouse Project Reviewer
Juan Lopez
.a{fill-rule:evenodd;}techdegree seal-36
Juan Lopez
Treehouse Project Reviewer 
class Player extends React.Component {
    render(){
        return(
            <div className="player">
                <span className="player-name">
                    <button className="remove-player" onClick={()=>this.props.removePlayer(this.props.id)}>x</button>{this.props.name}
                </span>
                <Counter/>
            </div>
        );
    }
}