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

Question

我正在开发一个 reactjs 项目，该项目使用多种表单在几个不同但相似的数据库表上创建条目。

我使用https://learnetto.com/blog/react-form-validation 作为参考点，但验证功能与字段本身位于同一页面/表单上。

问题：有没有什么方法可以使它成为一个组件，我可以在多个表单上引用这些表单，这些表单都具有相同的名称和验证要求的共享字段？

I.E 员工和客户都有姓名、电话号码和电子邮件地址，那么如何避免代码重复使用？

Answer 1

最佳实践之一是您可以创建包含整个验证和检查内容的输入字段作为一个独立的组件，并在您想要的任何地方重复使用它，因为您在组件内部隔离了一个特定的用例并尽可能多地休息它根据需要，也可以在前端使用@hapi/joi（我相信它的名字是joi-browser）或yup！

joi 用法：https://hapi.dev/module/joi/#example.
是的用法：https://www.npmjs.com/package/yup#usage