Различные формы в одном и том же модале (войти, зарегистрироваться)

Question

Я пытался понять, как лучше всего реализовать несколько форм в модальном режиме (то есть войти, зарегистрироваться, забыли пароль).

Я пытаюсь повторить функциональность, аналогичную Airbnb;нажатие «зарегистрироваться» из модального окна журнала не отображает новый модал, а заменяет текущее содержимое.

Лучше ли строить это, используя условные выражения внутри одного компонента?Или использовать модальный компонент более высокого порядка, который принимает аргументы?

Answer 1

Я рекомендую вам следовать Принципу единоличной ответственности .У каждой функции, класса или в вашем случае компонента React должна быть только одна причина для изменения и одна вещь, которую нужно сделать.Вот почему лучшим решением будет разделить компоненты - Login, SignUp, ForgotPassword.

Затем вы можете создать один родительский компонент, который будет содержать все компоненты, которые я упомянул выше, и управлять тем, какой компонент показывать.