Реакция и мнения о процессах регистрации и подтверждения

Я изучаю React (так что поймите причину моего вопроса).

  • Я создал API с помощью AWS, а интерфейс - React + Redux.
  • Чтобы получить доступ к данным API, посетитель должен зарегистрироваться. Для этого необходимо создать учетную запись.
  • Как только посетитель создаст учетную запись, он получит электронное письмо с кодом подтверждения ... Код, который он должен был предоставить на мой взгляд.

Между представлением создания и процесса и представлением подтверждения (просто и ввод, когда пользователь должен ввести код и нажать кнопку), пользователь может ...

  • Оставайтесь на этой странице (1)
  • Закройте эту вкладку (2)
  • Закройте браузер (3)

Итак, и вот мой вопрос: каков правильный способ НЕ отображать представление создания пользователя после того, как посетитель создаст учетную запись и пока он не подтвердит это, в одностраничном приложении, где корневая страница отображает все представления с помощью условных выражений (локальных состояние и магазин Redux).

Изначально я думал в Локальном состоянии. Это сработало только для случая 1. Затем я подумал… «Я могу создать localStorage, в котором ключом может быть пользователь и ценить пользователя, которого выбрал посетитель. И, пока он не введет код и не нажмет кнопку и, следовательно, не удалит этот элемент для localStorage, избегайте рендеринга представления create ». Однако я хочу знать ваши соображения. Я не большой поклонник печенья. Также, Мне не нужно хранилище сеансов, так как я хочу быть постоянным. Буду признателен за любое предложение.

Спасибо за ваше время.

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
0
0
41
1

Ответы 1

Вы можете использовать локальное состояние для получения одного нового пустого состояния. Теперь установите значение состояния, когда пользователь вводит код, используя this.setState({}), как только вы получите код в состоянии, вы можете проверить значение, присутствующее в состоянии, или нет время события щелчка на кнопке. Если в вашем штате есть код, он должен идти дальше, иначе вы дадите пользователю сообщение об ошибке или всплывающее сообщение для ввода кода.

Другие вопросы по теме