npm 包 baseman 使用教程

阅读时长 3 分钟读完

简介

Baseman 是一个基于 React 和 Redux 的前端组件库。它提供了一些实用的 UI 组件,如按钮、表单、模态框等等,可以帮助我们更快地开发前端界面。

安装

安装 BaseMan 只需要一条命令:

使用

使用 BaseMan 可以先引入所需要的组件,然后在代码中使用即可。接下来通过一个简单的例子来介绍如何使用 BaseMan 中的 Modal(模态框)组件。

首先,在代码顶部引入要使用的组件:

然后,在代码中使用该组件,并指定相关属性:

上面的代码中,visibleonCancelonOk 是这个组件的必要属性。visible 表示模态框是否可见,onCancel 用于在用户取消弹框时执行的回调函数,onOk 用于在用户确定弹框时执行的回调函数。

示例代码

-- -------------------- ---- -------
------ ----- ---- --------
------ - ------ ------ - ---- ----------

----- --- ------- --------------- -
  ------------------ -
    -------------
    ---------- - -
      -------- -----
    --
  -

  --------- - -- -- -
    ---------------
      -------- ----
    ---
  --

  -------- - - -- -
    ---------------
    ---------------
      -------- -----
    ---
  --

  ------------ - - -- -
    ---------------
    ---------------
      -------- -----
    ---
  --

  -------- -
    ------ -
      -----
        ------- ----------------------------- --------------
        ------
          ------------
          ----------------------------
          ----------------------------
          --------------------
        -
          -------------
        --------
      ------
    --
  -
-

------ ------- ----

结语

BaseMan 提供了很多实用的组件,可以帮助我们更快地开发前端界面。在实际开发中,我们可以根据自己的需求选择合适的组件来使用,提高开发效率。希望本篇文章对大家有帮助。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/63457

纠错
反馈