This course will be retired on March 31, 2024. We recommend "React Basics" for up-to-date content.
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
When you create a class component that extends from React.Component
, any custom methods you create are not bound to the component by default. You need to bind your custom methods, so that this
refers to the component instance. In this video, we'll go over the ways to bind the this
context in React.
Resources
Another way to bind an event handler is in the class constructor:
constructor() {
super();
this.state = { score: 0 };
this.incrementScore = this.incrementScore.bind(this);
}
Then pass the function to a React event like so:
<button onClick={ this.incrementScore }> + </button>
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