У тебя в методе рендер обработчики события вешаются через onClick.

Question

У тебя в методе рендер обработчики события вешаются через onClick.

1) обработчик события - это что? - правильно функция.
2) Кто вызывает обработчик события? Правильно, браузер, а не ты как программист
Если посмотреть внимательно в методе render у тебя нет собственных круглых
скобок у этих функций
3) Раз браузер вызывает эти функции, то и зис он определит в них как window или undefined
4) А нам this в этих функциях нужен как инстанс или компонет
5) Надо привязать this. Можно сделать это прямо в рендере. Просто дописать тот же bind в обработчиках onClick в том же render. Все будет работать.
6) Но привзяывать this в render не рекомендуется, так как на каждый рендер будет происходить вызов этого bind, что считается не комильфо
7) Так как функции, которые мы прязываем как обработчики события являются методами класса, то у людей возникла идея. А давайте перенес приязку this в конструктор. Там наши методы доступны уже по прототипу. А сам конструктор выполнится один раз. Следовательно и привязка через bind произойдет 1 раз.
8) итого. у нас есть методы связанные с this в конструкторе. Сам коструктор выполнится один раз. И мы можем готовые наши функции методы поставить как функции обработчики события onClick в render
9) метод render всегда вызывается от имени компоненте \ инстанса. Следовательно в методе render this всегда по умолчанию сам компонент \ инстанс