Answered in reverse order…
this.handleRefreshClick.bind(something)
returns a new function, in which references tothis
will refer tosomething
. This is a way of saving the current value ofthis
, which is in scope during the call to the constructor, so that it can be used later when the function is called.
- If your functions don’t require access to the state of your component, then sure, you don’t need to bind them.
The argument in favour of adding these lines to the constructor is so that the new bound functions are only created once per instance of the class. You could also use
onClick={this.handleRefreshClick.bind(this)}
or (ES6):
onClick={() => this.handleRefreshClick()}
but either of these methods will create a new function every time the component is re-rendered.