Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Start a free Courses trial
to watch this video
In this video, we will update to a new state based on the previous state. That way we can be sure that this.state
always holds the correct updated state.
Resources
setState()
- State Updates May Be Asynchronous
- State Updates are Merged
- Why doesn’t React update this.state synchronously?
Update the players
state using the concat()
method:
handleAddPlayer = (name) => {
let newPlayer = {
name,
score: 0,
id: this.prevPlayerId += 1
};
this.setState( prevState => ({
players: prevState.players.concat(newPlayer)
}));
}
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up