По сути это 1 компонент с разными формами
створи спільний template де буде можливість передавати childrens( в твому випадку форму)
function LoginPage(props){ <Text> <Input> <Input> <Button> } function RegPage(props){ <Text> <Input> <Input> <Input> <Input> <Button> } ну или function Page(props){ <Text> <Input> <Input> {prop.isReg? <Input> <Input> : null} <Button> }
Сделать два разных. Зачем тут один, вроде две формы же обычные. Или я что-то не так понял? Ну и тем более хоком ты что именно тут хочешь решить?
Ну там у него вопрос по типу "может лучше одним обойтись, так как очень похожи?". Ну типа он спрашивает какой лучший подход.
А, тогда не лучше :)
есть мысль сделать HOC для разметки, а инфу справа передавать в него пропсами
Раз это тестовое. ты лучше два отдельных компонента сделай, но прибей туда useFormik для работы с формами и yup для валидации. Работодателя это больше заинтересует, чем не очевидный уровень абстракций.
Тогда уж form-hook-forms
Обсуждают сегодня