我正在做一个reactjs项目，该项目使用多个表单在几个不同但相似的数据库表上创建条目。
我正在使用https://learnetto.com/blog/react-form-validation作为参考点，但验证函数与字段本身位于同一页面/表单上。
问题：有没有什么方法可以让它成为一个组件，我可以在多个表单上引用，这些表单都有相同名称和验证要求的共享字段？
I.E员工和客户都有姓名、电话号码和电子邮件地址，那么我如何避免代码重复使用呢？
最佳实践之一是，您可以创建输入字段，将整个验证和检查内容作为一个独立的组件，并在任何您想要的地方重用它，通过在组件内部隔离一个特定的用例，并尽可能多地休息它，也可以在前端使用@hapi/joi(我相信它的名称是joi-browser(或yup进行验证！
joi用法：https://hapi.dev/module/joi/#example.
yup用法：https://www.npmjs.com/package/yup#usage