Как переписать обычную функцию в стрелочную?

спасибо, тоесть стрелочные функции можно писать только как Function Expression (Функциональное Выражение)? А Function Declaration нельзя?

Почему React разработчики не пишут циклы for, while?

Kirill Mokevnin, а вам разрешают на работе писать на чистом JS?) а то я думал что все компании заставляют писать только на библиотеках и фреймворках клиентскую часть) или вы сам на себя работаете?
А что вы имеете ввиду под "мутировать стейт напрямую"? А то я что-то не понял)

Можно ли совместить обычные функции c ES6 классом в React?

я уже почти весь learn.javascript.ru изучил, но ответы на свои два вопросы так и не нашел к сожелению(

По первому вопросу - нет на learn.javascript.ru такого варианта создания функции. Может вы когда-то давно с другого ресурса именно этот момент изучили, а я не видел там такого. Поэтому решил что это сугубо реактовский вариант записи функции.

showName: function () {

}

На второй вопрос я тем более не найду там ответ потому что вопрос больше по правильности написания кода, коректности его работы.Тоесть можно ли так совмещать код из разних спецификаций или нет.

Повторюсь:

1. Можно в React написать функцию вот так:

function showName () {
}

2. Можно вот так?

class Name extends Component {
showName: function () {
//....
}
}

или вот так:

class Name extends Component {
function showName () {
//....
}
}

Как сделать на React чтобы при наведении на левую часть сайта правая становилась темнее и наоборот?

Cпасибо вам!
Хочу спросить у вас еще, а вот есть строки кода:

{[ 'left', 'right' ].map(n => (
        <div
          id={n}
          key={n}
          onMouseOver={updateDark}
          onMouseLeave={updateDark}
          className={dark && dark !== n ? 'dark' : ''}
        ></div>
      ))}

Можно ли считать что этот код, это не явно созданный объект:

{
  ['left', 'right'].map(function (n) {
    return React.createElement('div', {
      id: n,
      key: n,
      onMouseOver: updateDark,
      onMouseLeave: updateDark,
      className: dark && dark !== n ? 'dark' : ''
    });
  });
}

где id свойство объекта а n значение обьекта.
где onMouseOver свойство объекта а updateDark значение обьекта.

или то, что они находятся в { } это просто такие ссылки на код выше? Например ссылка на константу updateDark которой присвоили функцию?

Реактовское состояние в чистом JS?

Антон Спирин,

но в моем коде нет методов геттера classList, то есть в моем примере нет аналога setState?
Можете еще хоть один метод (или что-то, что можно назвать аналогом setState) классического JS назвать который можно назвать аналогом метода setState кроме методов геттера classList?

На счет состояния, да, действительно переменную можно назвать состоянием, ведь она может меняться.
вот например такие строки:

for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");

С помощью цикла мы перебираем массив и меняем элементы. А массив также можно назвать состоянием? и сам перебор сменой состояния?

"А селектор .tab--active? Вполне себе."
вы имеете в виду что селектор это состояние?

Реактовское состояние в чистом JS?

Из того что вы привели в пример вопрос мой вопрос к сожалению не закрыт, я не разобрался...
Я хотел как раз таки чтобы на предложенном моем коде вы объяснили где состояние и чем мы его меняем. И вообще оно есть в моем примере? Код же выполняет одно и то же действие(смена вкладок). По идее и в чистом JS должно быть свое состояние и его можно изменить.