简介
react-component-bhy-base 是一款基于 React 的组件库，包含了一系列可复用的 UI 组件和工具函数，可以方便地用于 React 项目的开发。该组件库使用 ES6/7 编写，通过 Rollup 打包并使用 babel 进行转译，且提供按需加载的能力，适用于多个场景下的使用。
安装
我们可以通过 npm 安装这个 npm 包：
npm install react-component-bhy-base --save
使用
引入组件
我们可以通过以下方式引入组件：
-- -------------------- ---- -------
------ - ------ - ---- ---------------------------
-------- ----- -
------ -
-----
-------------------
------
--
-常用组件
Button
Button 组件常常用于触发事件或提交表单。它的用法如下：
-- -------------------- ---- -------
------ - ------ - ---- ---------------------------
-------- ----- -
------ -
-----
---------------------
------- ----------------------------
------- ---------------------------
------- ----------------------
------
--
-Input
Input 组件提供了文本输入功能，可以支持文本框、密码框、数字框、文本域等等。它的用法如下：
-- -------------------- ---- -------
------ - ----- - ---- ---------------------------
-------- ----- -
------ -
-----
------ ----------------- --
------ --------------- ------------------- --
------ ------------- ------------------- --
--------------- ------------------- --
------
--
-Icon
Icon 组件提供了大量的矢量图标，包括常用的图标和自定义图标。它的用法如下：
-- -------------------- ---- -------
------ - ---- - ---- ---------------------------
-------- ----- -
------ -
-----
----- ------------------- --
----- ------------------- --
------
--
-工具函数
Form
Form 工具函数提供了表单的各种处理功能，可以方便地进行表单的处理。它的用法如下：
-- -------------------- ---- -------
------ - ---- - ---- ---------------------------
-------- ----- -
----- ------ - ---------------
----- -------- - -------- -- -
-------------------- -- --------
--
------ -
----- ----------- --------------------
---------- --------------- ------------
------ --
------------
---------- --------------- -----------
------ --------------- --
------------
------- -------------- ------------------
--
---------
-------
--
-结论
以上是 react-component-bhy-base 的使用和简介，我们可以看到它提供了多种常用的 UI 组件和工具函数，可以方便地用于 React 项目的开发。它的按需加载和易用性也使它在多个场景下得到了广泛使用。如果你是前端开发者，不妨尝试使用它并提高你的开发效率吧！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056cac81e8991b448e61ad