React-JavaScript назначение строки в коде

Это очень простой вопрос, но я нахожусь в процессе обучения, и после прочтения я не смог найти хорошего объяснения в приведенном ниже коде: Каково назначение линии:

this.buttonClicked = this.buttonClicked.bind(this);

Если я это прокомментирую, программа все еще работает. Скорее всего, с какими-то побочными эффектами, но я их пока не знаю ...

class test extends React.Component {
constructor(props){
    super(props)
    //this.buttonClicked = this.buttonClicked.bind(this);
}

buttonClicked() {
    alert("thank you!")
}

render() {
    return (
        <div>
          <h2>{this.props.text}</h2>
          <button onClick = {this.buttonClicked}>click me!</button>
        </div>
    )
}

}