javascript - 我可以制作一个共享的reactjs验证组件吗?

标签 javascript reactjs forms validation

我正在开发一个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/

相关文章:

javascript - 我可以使用 SheepIt JQuery 插件有多级嵌套克隆表单吗?

javascript - 使用 html 5 范围 slider 更改 openlayer 3 圆半径

javascript - react 使用 dangerouslySetInnerHTML 渲染带有 html 标签的 json

javascript - 在 ExtJS 中,getForm().load() 加载组合字段值吗?

javascript - 使用 React Hooks 和 Redux 进行太多重新渲染

reactjs - React Native graphql 查询与中继不工作

php - 使用 javascript 与 php 进行表单验证

javascript - javascript函数参数中下划线的含义是什么?

javascript - mustache 模板中的嵌套键

javascript - 正则表达式将字符串计数与通配符匹配