npm 包 @hhjcz/react-lib 使用教程

阅读时长 4 分钟读完

简介

@hhjcz/react-lib 是一个常用 React 组件库,包含常用的 UI 组件和辅助组件,例如表单组件、模态框等。通过安装该包,可以大大提高前端开发效率和代码质量。

安装

可以通过 npm 或者 yarn 安装该 npm 包:

或者

组件列表

Button

用于展示点击效果,可以添加 click 事件。

用法:

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

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

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

Modal

弹窗组件,展示内容,可以添加自定义 header 和 footer。

用法:

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

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

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

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

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

示例代码

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

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

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

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

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

总结

@hhjcz/react-lib 是一个非常实用的 React 组件库,能够提高前端开发效率和代码质量。通过本文的介绍,可以更加深入地了解该组件库的使用方法和注意事项,希望能够对你有所帮助。

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

纠错
反馈