简介
在前端开发中，我们经常会使用到各种各样的组件库，例如 Ant Design、Element、Vue Material 等等。但是，有些时候我们需要的组件并没有被这些组件库所包含，而我们又不希望自己从头开始写一个组件。此时，可以选择使用别人已经写好且经过实践验证的组件库，其代码在编写、维护和使用上都更为便捷。这就是为什么要使用 npm 包 shared.components。
Shared.components 是一个基于 React 的组件库，其包含了各种各样的组件，例如按钮、下拉框、表单项等等。该组件库不仅具备可定制性和易用性，而且它的 API 和 React 自带组件 API 保持一致，因此，使用起来非常方便。
安装
你可以使用 npm 或 yarn 来安装 shared.components。
使用 npm：
npm install shared.components
使用 yarn：
yarn add shared.components
使用
在安装完成后，你需要引入 shared.components：
import { Button, Input } from 'shared.components';接着，你可以在你的代码中使用这些组件：
-- -------------------- ---- -------
------ ----- ---- --------
------ - ------- ----- - ---- --------------------
----- ------ ------- --------------- -
----- - -
------ ---
-
------------ - --- -- -
--------------- ------ -------------- ---
-
------------ - --- -- -
-------------------
----- - ----- - - -----------
-- -- --------- ---- -----
-
-------- -
----- - ----- - - -----------
------ -
----- -----------------------------
------ ------------- ---------------------------- --
------- -------------------------
-------
--
-
-优点
共享组件库的优点在于能够减少代码量，实现组件复用和提高开发效率。另外，共享组件库所提供的组件一般经过了大量的测试及验证，因此高度可靠。
总结
在本文中，我们介绍了如何使用 npm 包 shared.components，同时讲解了使用共享组件库的优点。借助共享组件库，我们能够轻松地构建出符合我们实际需求的组件，并能够快速迭代项目，成为一名高效开发者。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055c2a81e8991b448d9c8a