介绍
bstrap-react-mobx-admin是一个基于Bootstrap的React UI框架，使用React和Mobx来构建用户界面。它的主要目的是简化和加速Web应用程序的开发过程。
安装
在终端中使用npm进行安装，如下所示：
--- ------- ----------------------- ------
使用
引入
在项目的index.js中引入包：
------ -------------------- ---- -------------------------- ------ ----- ---- -------- ------ -------- ---- ------------ ----------------- --------------------- --------- ------ -- -- ---------------------------------
属性
title: 设置页面标题，默认值为“Admin”。menuItems: 设置导航菜单项。
------ - ---- - ---- -------------------
----- --------- - -
-
----- -------------
----- ------------
----- --- -------
--
-
----- ---------
----- --------
----- --- ----------
--------- -
- ----- --------- ----- ---- ------ --
- ----- ---------------- ----- ------- ----- --
-
--
-
----- ------------
----- -----------
----- --- ---------
--------- -
- ----- -------------------- ----- --------- --
- ----- --------------------- ----- ---------- --
-
--
--
--------------------- --------- ------ --------------------- --内置组件
在 bstrap-react-mobx-admin 中，内置了一些常见的组件，例如：表格、表单、模态框等。
表格
------ - ----- - ---- -------------------------- ----- ------- - - - ------ ------- ---------- ------- ---- ------ -- - ------ ------ ---------- ------ ---- ----- -- - ------ ---------- ---------- ---------- ---- --------- -- -- ----- ---------- - - - ---- -- ----- ----- ------- ---- --- -------- ---- ---- --- - ---- ----- -- - ---- -- ----- ---- ------- ---- --- -------- ------- --- - ---- ----- -- - ---- -- ----- ---- ------- ---- --- -------- ------- --- - ---- ----- -- -- ------ ----------------- ----------------------- --
表单
------ - ----- ------ ------ - ---- --------------------------
----- ------ - -
--------- - ----- - --
----------- - ----- -- --
--
----- ---------- - -
----------- - ------- -- ----- -- --
--
-----
-----------
------------
---------------- --------- ---- --
-------------------
-------------------------------
-
----------
----------------
---------------
--------- --------- ----- -------- ------- ----- ---- ---------- ---
-
------ --
------------
----------
----------------
---------------
--------- --------- ----- -------- ------- ----- ---- ---------- ---
-
--------------- --
------------
---------- ----------------
------- -------------- ------------------
------
---------
------------
-------模态框
------ - ------ ------ - ---- --------------------------
----- --- - -- -- -
----- --------- ----------- - ----------------
----- --------- - -- -- -
-----------------
--
----- -------- - -- -- -
------------------
--
----- ------------ - -- -- -
------------------
--
------ -
--
------- -------------- --------------------
---- -----
---------
------ ------------ ------ ----------------- --------------- ------------------------
------- ---------------
--------
---
--
--
-------------------- --- --------------------------------------总结
通过本文介绍，您已经了解了bstrap-react-mobx-admin的使用方法和重要属性和内置组件。 bstrap-react-mobx-admin提供了一种快速构建Web应用程序的方法，如果您正在寻找一个快速而又易于使用的UI框架，它绝对值得一试。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066c8cccdc64669dde544b