什么是 igroot
igroot 是一款基于 React 开发的 UI 组件库，其设计理念主要是简单、直观、易用。由于 igroot 的轻便、稳定和高度定制化的特点，使得它成为了 React 社区中备受欢迎的组件库之一。同时，igroot 提供了许多内建组件、模板、表单及其它实用的 UI 帮助工具，可以大大提高我们的开发效率。
使用 igroot 的前提
首先，为了使用 igroot ，需要确保已经安装以下软件：
- Node.js
- npm
如果还没有安装这两款软件，请先访问官网下载安装。
如何使用 igroot
安装 igroot
您可以通过 npm 进行 igroot 的安装，只需要在终端输入如下命令：
npm install igroot --save
引入 igroot
在应用程序中引入 igroot 组件库，需要在 index.js 或 app.js 中进行引用。主要有两种方式:
-- -------------------- ---- ------- -- ----- ------ - ------ - ---- --------- ---------------- ------- ------------------- ------------ --------- -- -- ----- ------ ------ ---- -------------------- ---------------- ------- ------------------- ------------ --------- --
其中，第一种方式用于最终发布的应用程序；第二种方式是在开发阶段可以减小构建包的体积，但是在使用过程中需要确定何时加载相关组件。
使用 igroot 组件
您可以根据 igroot 的文档调用任意 igroot 组件。举个例子，下面是 igroot Button 组件的使用方式：
-- -------------------- ---- -------
------ - ------ - ---- ---------
----------------
-----
------- -------------------------------
------------------------
------- -----------------------------
------- -----------------------------
------- -------------------------
-------
---------
--除了 Button 组件，igroot 还提供了各种其它组件，例如：Input、Select、DatePicker、Table 等等。
实例展示
下面我们就以表格组件 Table 为例，演示一下 igrooot 的使用过程：
-- -------------------- ---- -------
------ - ----- - ---- ---------
----- ------- - -
-
------ -----
---------- -----
--
-
------ -----
---------- -------
--
-
------ -----
---------- ------
--
-
------ -----
---------- --------
--
--
----- ---------- - -
-
--- ----
----- -----
---- ---
------ --------------------
--
-
--- ----
----- -----
---- ---
------ --------------
--
-
--- ----
----- -----
---- ---
------ ---------------------
--
-
--- ----
----- -----
---- ---
------ ------------------
--
--
----------------
------ ----------------- ----------------------- ---
---------
--总结
如此简单的一个实战应用，在学习 igroot 的同时，可以帮助我们更好地理解 React 的应用。当然，igroot 提供的组件远远不止上述部分内容，可以通过文档查看更多详情。最后，希望 igroot 能为我们的前端开发增加效率和美观度。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/80104