redux-form-metadata 是一个基于 Redux-Form 的扩展，它允许用户在 FormData 中指定元数据，以便在提交表单时对表单数据进行进一步处理或验证。
安装
你可以使用 npm 来安装 redux-form-metadata
npm install redux-form-metadata
使用说明
为了使用 redux-form-metadata，你需要做以下几个步骤：
导入所需组件
import { Field, reduxForm } from 'redux-form'
import { withMetadata } from 'redux-form-metadata'定义表单和元数据
将元数据作为对象传递给 withMetadata 函数，并将该函数的返回值用作 reduxForm 的参数。
-- -------------------- ---- -------
----- --------- - ----- -- -
----- - ------------ - - -----
------ -
----- ---------- ------------ --
------
----------------
-----------
-----------------
--
------
---------------
-----------
-----------------
--
------- -----------------------------
-------
--
----- ---------------- - ----------- ----- ----------- ---
--------------
---------- - --------- ---- --
--------- - --------- ---- --
-------------
-在表单中使用元数据
为了使用表单数据中的元数据，你需要在 onSubmit 回调函数中使用 props.meta 对象。
-- -------------------- ---- -------
----- -------- - -------- --------- ------ -- -
----- - ---- - - -----
----- ------ - --
------------------------------- -- -
-- --------------------- -- --------------- -
------------- - --------- -- ---------
-
--
-- --------------------------- - -- -
----- ------
-
-示例代码
-- -------------------- ---- -------
------ ----- ---- -------
------ - ------ --------- - ---- ------------
------ - ------------ - ---- ---------------------
----- --------- - ----- -- -
----- - ------------ - - -----
------ -
----- ------------------------
-----
------ ------------------------- ------------
------
----------------
-----------
-----------------
--
------
-----
------ ----------------------- ------------
------
---------------
-----------
-----------------
--
------
------- -----------------------------
-------
-
-
----- ---------------- - ----------- ----- ----------- ---
--------------
---------- - --------- ---- --
--------- - --------- ---- --
-------------
-
----- -------- - -------- --------- ------ -- -
----- - ---- - - -----
----- ------ - --
------------------------------- -- -
-- --------------------- -- --------------- -
------------- - --------- -- ---------
-
--
-- --------------------------- - -- -
----- ------
-
-
----- ------------------------ - -- -- -
------ -
-----
--------- ---- -------- ------------
----------------- ------------------- --
------
-
-
------ ------- ------------------------结论
redux-form-metadata 是一个强大的工具，它可以帮助你在提交表格时验证和处理表单数据。借助此工具，你可以轻松扩展 Redux-Form，并提高你的表单数据的质量。如果你需要使用表单数据中的元数据，就尝试一下 redux-form-metadata 吧。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055a0681e8991b448d7ae2