简介
@oopscurity/react-inform 是一个 React UI 组件库，提供了一系列常用的表单元素，如输入框、下拉框、单选框、多选框等。此外，它还提供了表单校验、表单提交等常用的表单处理功能。
安装
在项目中安装 @oopscurity/react-inform：
npm install --save @oopscurity/react-inform
使用
注册组件
-- -------------------- ---- -------
------ - ------- ------ -------- - ---- ---------------------------
----- --- - -- -- -
------ -
--------
-----
------ ------------------------------
------ --------------- ----------- --
------
-----
------ -----------------------------
------ --------------- --------------- --
------
-----
------ -------------------
--------- --------------- -- ---
--------
------
---------
--
--校验表单
-- -------------------- ---- -------
------ - ------- ------ -------- - ---- ---------------------------
----- --- - -- -- -
----- ----------- - -------- ----- -- -
-- -------- -
--------------------- --------
- ---- -
--------------------- ------
-
--
------ -
------- ----------------------
-----
------ ------------------------------
------ --------------- ----------- -------- ------------- -------------- --
------
-----
------ -----------------------------
------ --------------- --------------- -------- ------------- -------------- --
------
-----
------ -------------------
--------- --------------- -- ---
--------
------
------- -------------------------
---------
--
--获取表单数据
-- -------------------- ---- -------
------ - ------- ------ -------- - ---- ---------------------------
----- --- - -- -- -
----- ------------ - ------- ----- -- -
-----------------------
------------------- ------
--
------ -
------- ------------------------
-----
------ ------------------------------
------ --------------- ----------- -------- ------------- -------------- --
------
-----
------ -----------------------------
------ --------------- --------------- -------- ------------- -------------- --
------
-----
------ -------------------
--------- --------------- -- ---
--------
------
------- -------------------------
---------
--
--结语
@oopscurity/react-inform 是一个非常实用的 React 组件库，在开发中能够提高表单处理的效率和可靠性。以上示例只是其中的一部分功能，更多功能请参考官方文档。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562ff81e8991b448e0d1e