在前端开发中，使用 npm 包是极为普遍的。今天我们来介绍一个非常实用的 npm 包——oly-react。该包封装了很多常用的 React 组件，能有效提高我们的开发效率。
安装
可以使用以下命令来安装 oly-react：
npm install oly-react --save
使用
在项目中，可以像以下方式来使用 oly-react：
import { Button } from 'oly-react';
function App() {
return (
<Button>Click Me</Button>
);
}oly-react 中的组件包括了常见的表单组件、提示框、模态框等等，这些组件的 props 都有详细的说明，使用起来非常方便。以下是一个例子——使用 oly-react 的 Modal 组件来实现一个简单的登录框：
-- -------------------- ---- -------
------ - -------- - ---- --------
------ - ------ ----- ------ ------ - ---- ------------
-------- ----------------- -
----- --------- ----------- - ----------------
----- ------ - ---------------
----- --------------- - -- -- -
-----------------
--
----- ------------ - -- -- -
------------------
--
----- ----------- - -- -- -
----------------------------------- -- -
-- ----- -------
------------------
---
--
------ -
--
------- ----------------------------------------
------
-----------------
-----------------------
-------------
---------
------- ------------ ---------------------------------------
------- ----------- --------------------- -------------- --------------------------------
--
-
----- ------------
---------- ---------------- --------------- --------- --------- ----- -------- ------- ----- ---- ---------- ----
------ --
------------
---------- ---------------- --------------- --------- --------- ----- -------- ------- ----- ---- ---------- ----
--------------- --
------------
-------
--------
---
--
-可以看到，使用 oly-react 的 Modal 组件，我们可以非常方便地实现一个登录框。
小结
oly-react 是一个非常实用的 npm 包，封装了很多常用的 React 组件，能够有效提高我们的开发效率。在使用过程中，需要仔细阅读每个组件的 props 说明，这样才能充分发挥其优势。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066fb03d1de16d83a67363