当我们在使用 React 和 Mongoose 时，经常需要对 Mongoose 模型中定义的字段进行类型验证和默认值设置，这时候我们可以使用 npm 包 prop-types-from-mongoose 来简化这个过程。
安装
使用 npm 安装 prop-types-from-mongoose：
--- ------- ------------------------
基本用法
我们可以通过以下方式引入 prop-types-from-mongoose：
------ --------- ---- -------------
------ - ----- - ---- -----------
------ --------------------- ---- ---------------------------
----- -------- - --- --------
----- -------
---- - ----- ------- -------- - --
-------- -
------- -------
----- ------
-
---
----- ------- - ---------------- ----------
----- --------- - -------------------------------上面的代码展示了如何在 Mongoose 模型中使用 prop-types-from-mongoose 来生成字段类型验证和默认值设置，生成的 propTypes 可以用于 React 组件中 props 的类型验证。
我们可以在组件中使用 propTypes：
------ ----- ---- --------
-------- ------------------ -
------ -
--
---------------------
------------------
-------------------------- ------------------------
---
--
-
--------------------- - ----------
------ ------- ------------配置项
prop-types-from-mongoose 支持以下配置项：
include 和 exclude
include 和 exclude 可以用于设置包含或排除模型中的某些字段。
----- --------- - ------------------------------ - -------- ------- ------ ---
上面的代码中，我们排除了字段 _id 和 __v。
----- --------- - ------------------------------ - -------- -------- ------ ---
上面的代码中，我们只包含了字段 name 和 age。
transform
transform 可以用于转换生成的 propTypes。
----- --------- - ------------------------------ -
---------- --------- -- -
------ - ------------- -------- ------------------- -
-
---上面的代码中，我们使用 transform 将对 address 字段使用 PropTypes.shape 进行类型验证。
excludeRefs
如果你的 Mongoose 模型中有引用字段，则可以通过设置 excludeRefs 为 true 来排除引用字段的类型验证。
----- --------- - ------------------------------ - ------------ ---- ---
示例代码
------ ----- ---- --------
------ --------- ---- -------------
------ - ----- - ---- -----------
------ --------------------- ---- ---------------------------
----- -------- - --- --------
----- -------
---- - ----- ------- -------- - --
-------- -
------- -------
----- ------
--
------- - ----- ---------------------- ---- -------- -
---
----- ------- - ---------------- ----------
----- --------- - -------------------------------
-------- ------------------ -
------ -
--
---------------------
------------------
-------------------------- ------------------------
---
--
-
--------------------- - ----------
------ ------- ------------来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600671a730d0927023822623