什么是 react-submit？
react-submit 是一个基于 React 开发的提交按钮组件，可以帮助我们实现表单的提交操作，提高开发效率。
如何安装 react-submit？
使用 npm 安装 react-submit
npm install react-submit --save
如何使用 react-submit？
在组件中引入 react-submit，然后在表单中使用即可。以下是一个简单的示例：
-- -------------------- ---- -------
------ ------ - --------- - ---- --------
------ ------ ---- ---------------
----- ---- ------- --------- -
------------ - -- -- -
-- ------
--
-------- -
------ -
------
---
------- ---------------------------------------
-------
--
-
-在上面的例子中，我们创建了一个表单组件 Form，在表单中使用了 Submit 组件，并给它传递了一个 onClick 事件，当按钮被点击时，会触发 handleSubmit 方法。
除了 onClick 事件，react-submit 还提供了许多其他的事件，如下所示：
onMouseUponMouseDownonMouseEnteronMouseLeaveonKeyDownonKeyUponKeyPressonClickDisabledonHover
这些事件可以满足我们不同的需求。
react-submit 的更多配置
除了事件之外，react-submit 还支持一些其他的属性配置，如下所示：
icon：自定义按钮图标disabled：禁用按钮isLoading：按钮是否在加载中disabledClassName：自定义禁用按钮时的 class 名称className：自定义按钮的 class 名称style：自定义按钮的样式type：提交按钮类型
这些属性可以帮助我们更好地实现我们需求。
下面是一个使用了更多配置的示例：
-- -------------------- ---- -------
------ ------ - --------- - ---- --------
------ ------ ---- ---------------
----- ---- ------- --------- -
------------------ -
-------------
---------- - -
---------- -----
--
-
------------ - -- -- -
-- ---------
---------------
---------- ----
---
-- ------
------------- -- -
-- -------------
---------------
---------- -----
---
-- ------
--
-------- -
------ -
------
---
-------
-------------
----------------------------
-------- ----------- ----- --
-----------------------------------
-------------
-------------------------------
--------------------------------
---------------------------
-
--------------------- - -------- - -----
---------
-------
--
-
-在上面的例子中，我们传递了许多属性，包括了按钮类型、自定义 class 名称、按钮样式、禁用按钮时的 class 名称、自定义按钮图标、禁用按钮、按钮是否在加载中以及点击事件。
这个例子可以帮助我们更好地学习 react-submit 的使用方法，并实现自己的需求。
总结
在本文中，我们学习了 react-submit 的基本配置，包括如何安装、如何使用以及更多的属性配置。通过这些知识，我们可以更好地实现表单的提交操作，并提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066b5f51ab1864dac67212