Поскольку вы очевидно не очень разбираетесь в предмете, рассмотрите вариант взять готовое решение и правильно его интегрировать. Это займет пару-тройку часов, но результат будет лучше. К тому же в нашу эпоху интеграции, почти все задачи так или иначе связаны с навыками интграции одного в другое. Вряд ли ваша компания (если это не яндекс какой-нибудь) станет писать свою авторизацию с нуля.
Из того, что легко и просто интегрировать (и бесплатно): firebase. Смотреть примеры здесь.

// зарегистрировать пользователя можно так (возвращает promise):
firebase.auth().createUserWithEmailAndPassword(email, password)
// залогиниться пользователь может так (возвращает promise)
firebase.auth().signInWithEmailAndPassword(email, password);
// ну и подписаться на событие успешной авторизации или потери сессии:
firebase.auth().onAuthStateChanged(function(user) {
  if (user) {
     // успешно авторизован, объект user содержит username и т.п.
     this.setState({
         ...this.state,
         user,
     });
  }
});

Все. Заводите аккаунт в firebase, добавляете новый проект и все готово.
Там даже хостинг бесплатный будет для вашего тестового приложения: просто в консольке напишите `firebase deploy` и ваш web-application сам скопирует себя на сервер.
Красота! :)

Идите в Сбербанк или Почту России, там улучшения давно назрели.

Запустить под отладчиком и посмотреть. Без отладчика в C++ делать нечего.

Попробуйте использовать VS Code вместо Atom.
1. Положить .eslintrc
2. Поставить плагин ESLint (dbaeumer.vscode-eslint)
(не забудьте поставить npm пакет eslint)
3. Добавить в конфиг (settings.json) две строчки:

{
    "editor.formatOnSave": true,
    "eslint.autoFixOnSave": true
}

Все. Теперь подсветка ошибок в редакторе будет основана на вашем ESLint конфиге, и при сохранении документа он будет автоматически пытаться исправить все что можно опять же в соответствии с .eslintrc.
Ну и для полноты картины, в package.json добавляем скрипт:
"lint": "eslint --ignore-path .gitignore ."
Теперь можно также перед релизом запустить eslint прямо из редактора: Ctrl+Shift+P -> Run NPM Task -> Lint.

Если вы задумали написать свой компонент, то крайне рекомендую посмотреть хотя бы на API других известных реализаций. Например semantic: https://react.semantic-ui.com/modules/dropdown
Там есть и примеры. Посмотреть что происходит под капотом можно в devtools и исходниках на github - это Open Source.