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

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