разный заголовок над верхним полем для ввода, поля ввода разные, и надпись под формой(за нижней границей формы)
как это на компоненты грамотно рабить?
я сделал три компонента Form, SignUpForm, SignInForm
Form - общая часть, в props получает заголовок формы, в children получает SignUp или SignIn
но проблема с надписью под формой - она разная для обоих компонентов, из SignUp или SignIn я ее не могу в нужное место опустить т.к высота может быть разной
передавать из Form вместе с children коллбек кажется не очень
дикие траблы испытываю при делении на компоненты
передавай надпись как jsx компонент
По идее надпись по умолчанию не показываешь, ее вообще не отрисовывать, не? Просто в рендере проверяешь, должна ли она появиться - и добавляешь в вывод.
Обсуждают сегодня