简介
@hhjcz/react-lib
是一个常用 React 组件库,包含常用的 UI 组件和辅助组件,例如表单组件、模态框等。通过安装该包,可以大大提高前端开发效率和代码质量。
安装
可以通过 npm 或者 yarn 安装该 npm 包:
npm install @hhjcz/react-lib --save
或者
yarn add @hhjcz/react-lib
组件列表
Button
用于展示点击效果,可以添加 click 事件。
用法:
-- -------------------- ---- ------- ------ - ------ - ---- ------------------- -------- ------------- - ----- ----------- - -- -- - ---------------------- - ------ ------- --------------------------- ------------- -
Modal
弹窗组件,展示内容,可以添加自定义 header 和 footer。
用法:
-- -------------------- ---- ------- ------ - ----- - ---- ------------------- -------- ------------- - ----- --------- ----------- - ---------------- ----- ---------- - -- -- - ----------------- - ----- ----------- - -- -- - ------------------ - ------ - ----- ------- ------------------------- -------------- ------ ----------------- --------------------- ------------------ ------------ --------------- ------------------------------------- - -------------- -------- ------ -- -
示例代码
-- -------------------- ---- ------- ------ ------ - -------- - ---- -------- ------ - ------- ----- - ---- ------------------- -------- ------------- - ----- --------- ----------- - ---------------- ----- ---------- - -- -- - ----------------- - ----- ----------- - -- -- - ------------------ - ------ - ----- ------- ------------------------- -------------- ------ ----------------- --------------------- ------------------ ------------ --------------- ------------------------------------- - -------------- -------- ------ -- -
总结
@hhjcz/react-lib
是一个非常实用的 React 组件库,能够提高前端开发效率和代码质量。通过本文的介绍,可以更加深入地了解该组件库的使用方法和注意事项,希望能够对你有所帮助。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60066bb8967216659e2440eb