我正在开发一个reactjs项目,该项目使用多种表单在几个不同但相似的数据库表上创建条目。
我正在使用https://learnetto.com/blog/react-form-validation作为引用点,但验证功能与字段本身位于同一页面/表单上。
问题:是否有某种方法可以将其制作成一个组件,以便我可以在多个表单上引用该组件,这些表单都具有具有相同名称和验证要求的共享字段?
I.E 员工和客户都有姓名、电话号码和电子邮件地址,那么如何避免代码重复使用?
最佳答案
最佳实践之一是,您可以创建具有完整验证和检查内容的输入字段作为独立组件,并在您想要的任何地方重用它,这样您就可以隔离组件内部的特定用例并尽可能多地休息它根据需要,也可以在前端使用 @hapi/joi
(我相信它的名称是 joi-browser
)或 yup
进行验证>!
joi 用法:https://hapi.dev/module/joi/#example .
是的用法:https://www.npmjs.com/package/yup#usage
关于javascript - 我可以制作一个共享的reactjs验证组件吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60930901/