在前端也使用类验证器 DTO答案

【问题标题】：Using class-validator DTO also in front-end在前端也使用类验证器 DTO
【发布时间】：2021-05-08 20:09:57
【问题描述】：

NestJS 项目使用ValidationPipe with class-validator 来验证 POST 请求。在（react）前端使用相同的类验证器 DTO 会很好。

如何将 DTO 中的实体链接到反应元素？

_{这可能类似于How to Sync Front end and back end validation，但更侧重于特定工具。}

【问题讨论】：

如果您想将验证规则绑定到您的表单元素（如输入），那么您可以尝试类似react-class-validator 之类的方法，它不依赖于任何表单库。
谢谢，@VladGoldman，我已经排除了 react-class-validator，因为它很少使用。过早的貌似。任何示例如何工作？
@serv-inc 你检查过github.com/anigenero/react-class-validator 或类似的库吗？

【解决方案1】：

几个月前，我们对 NestJS 后端和 Angular 前端的需求完全相同。我们所做的是使用 NestJS 创建了第三个名为“API-Common”的项目，其中我们收集了后端和前端所需的所有常见 DTO 和实用程序。为了共享它，我们从项目中创建了一个 NPM 包，以便我们可以在两个应用程序中导入它。

您可以在以下链接中了解有关创建私有 NPM 注册表的更多信息：

https://gemfury.com/help/npm-registry/

【讨论】：

你为什么不去单声道回购？
嗨！我们使用这个解决方案是因为我们打算在几个彼此不相关的应用程序中使用 NPM 包，所以我们希望尽可能地模块化。在 NPM 7 中，我们使用它的工作区特性来为我们最新的项目定义 monorepos，这真的很方便。