В классовых компонентах React методы не привязаны автоматически к экземпляру класса, поэтому при передаче метода как обработчика события контекст this может быть потерян. Чтобы this внутри метода указывал на текущий экземпляр компонента, нужно «биндить» метод, то есть явно привязать его к this.

Без биндинга this будет undefined или указывать не на компонент, что приведёт к ошибкам при обращении к состоянию или методам.

Пример биндинга в конструкторе:

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.handleClick = this.handleClick.bind(this);
  }

  handleClick() {
    console.log(this.state); // this корректно указывает на компонент
  }

  render() {
    return <button onClick={this.handleClick}>Click me</button>;
  }
}

Альтернативы — использовать стрелочные функции для методов или в обработчиках, которые автоматически сохраняют контекст.

Для чего нужно биндить методы в классовых компонентах React при работе с обработчиками событий?