Могу ли я создать общий reactjs компонент проверки?

Question

Я работаю над проектом reactjs, который использует несколько форм для создания записей в нескольких разных, но похожих таблицах базы данных.

Я использую https://learnetto.com/blog/react-form-validation в качестве ориентира, но функции проверки находятся на той же странице / форме, что и сами поля.

Вопрос: Можно ли как-то превратить его в компонент, на который можно ссылаться в нескольких формах, у всех из которых есть общие поля с одинаковыми именами и требованиями проверки?

IE. У сотрудников и клиентов есть имена, номера телефонов и адреса электронной почты, так как я могу избежать повторного использования кода?

Answer 1

одна из лучших практик заключается в том, что вы можете создавать поля ввода со всей проверкой и проверкой содержимого в качестве изолированного компонента и повторно использовать его там, где вам захочется, тем самым изолируя конкретный c вариант использования внутри компонента и отдыхая это столько, сколько вы хотите, также для проверки вы можете использовать @hapi/joi во внешнем интерфейсе (я думаю, его зовут joi-browser) или yup!

joi использование: https://hapi.dev/module/joi/#example .
Да, использование: https://www.npmjs.com/package/yup#usage