Можно ли в React писать функции таким образом?

Вот есть такая фунция в коде:

handleClick = () => {
    this.setState(state => ({ isActive: !state.isActive }));
 };

Но я очень не люблю стрелочные функции, на чистом JS пишу всегда обычные функции.
И решил закинуть эту функцию на сайт Babel.

Вот так он перевел эту функцию в обычную:

handleClick = function handleClick() {
   this.setState(function (state) {
    return {
      isActive: !state.isActive
    };
  });
};

Правильно перевел Babel?

Хотя по идее мне кажется должен был перевести как-то так:

handleClick = function() {
   this.setState(function (state) {
    return {
      isActive: !state.isActive
    };
  });
};

И другой вопрос:
Можно ли по правилам React писать так функции? Тоесть чтобы было слово function и return?