介绍
rr-cmd是一个NPM包，它为React项目提供了一种简单的方法来管理命令和快捷键。它可以帮助你快速编写可维护的、逐步增强的React组件，同时保持干净的代码。
安装
你可以通过NPM安装rr-cmd：
npm install rr-cmd --save
或在Yarn上：
yarn add rr-cmd
使用
在你的React组件内，你需要使用useCommand Hook来注册命令和快捷键。
-- -------------------- ---- -------
------ - ---------- - ---- ---------
-------- ------- -
------------
---- -------
-------- -- -- - ----------------- -
---
------ -
---------- ------------
--
-在这个例子中，我们定义了一个名为save的命令，它的处理程序会在执行该命令时打印一个信息。使用useCommand时，你需要向其提供一个对象，其中包含两个属性：
cmd（必需）：命令名称。handler（可选）：命令处理程序。
下面是一个更完整的例子，显示了如何在多个命令上使用这个钩子，以及如何在快捷键中使用useCommand。
-- -------------------- ---- -------
------ - ----------- ----------- - ---- ---------
-------- ------- -
----- ---------- - -- -- - ----------------- --
----- ------------ - -- -- - ----------------- --
------------
---- -------
-------- ----------
---
------------
---- ---------
-------- ------------
---
------------------------- --------
------------------------- ----------
------ -
---------- ------------
--
-在这个例子中，我们定义了名为save和delete的两个命令，并将它们的处理程序指定为handleSave和handleDelete。我们还使用useKeyEvent将快捷键ctrl+alt+s和ctrl+alt+d分别分配给这两个命令。
rr-cmd API
useCommand
使用该钩子可以注册命令和快捷键。它的参数是一个对象，包含两个属性：
cmd（必需）：命令名称。handler（可选）：命令处理程序。
useKeyEvent
使用该钩子可以将快捷键分配给命令。它的参数是一个描述快捷键及其分配的命令的字符串，形式如下：
'ctrl+alt+s=my-command'
withCmd
该高阶组件可以用来将命令处理程序以及一些额外的参数传递给React组件。
-- -------------------- ---- -------
------ - ------- - ---- ---------
-------- ------------- ---------- -- -
------ -
------- ----------------------------------
--
-
------ ------- --------------- -
-------- -- -- - ----------------- -
----------------结论
rr-cmd提供了一种简单的方式来管理命令和快捷键，为React项目的开发提供了许多便利。我们希望你享受使用它的过程，并期待在你的React应用程序中看到它的应用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005595e81e8991b448d6c53