简介
Panzerschrank 是一个基于 React 框架的可复用 UI 组件库。在一个前端开发者需要自己写出自定义的 UI 组件时，可以直接用它来开发。
安装
要使用 Panzerschrank，首先需要在 NPM 包管理器中来安装它。在终端中输入以下指令：
--- ------- -------------
使用
安装完毕后，可以在项目中使用该库，引入它即可：
------ - ------ - ---- ----------------
以上代码将会导入一个名为 Button 的组件。接下来可以使用该组件来呈现一个按钮。
------------- -----------
组件
Panzerschrank 组件库包含了大量可复用的组件，下面是一些常见的组件：
Button
按钮组件，点击时会触发一个事件。
------- ----------- -- ------------------------ -----------
Input
用户输入框组件，支持多种输入类型和样式。
------ ----------- ----------------- ---------- --
使用该组件时，可以设置它的属性，比如 placeholder、value、onChange 等等。
Modal
模态框组件，显示一个弹窗来展示一些信息或收集信息。
------- --------- ---------- -------- ----------- --------
Dropdown
下拉框组件，展示一个下拉列表，当用户选择其中一个选项时，会触发一个事件。
----------
-------------- ------------ -- ------------- -----
------ -
----------------
-------------- ------------ -- ------------- -----
------ -
----------------
-----------使用该组件时，需要设置它的子组件。
自定义组件
当需要自己定制一个组件时，在 Panzerschrank 中这也是非常简单的。首先需要定义一个组件：
-------- ------------------ - ------ ---------- ------------------- -
该组件会接收一个名为 name 的属性。然后，导出该组件，并在应用中使用：
------ - ----------- - ---- ---------------- ------------ ----------- ---
以上代码会在缺省的样式下展现 MyComponent 组件，并传入 name 属性。
结语
Panzerschrank 是一个方便的前端开发包，在开发自定义 UI 组件时非常有用。学会了使用它，可以大幅提高我们的工作效率，同时也能够提高我们的代码复用性。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60055fc481e8991b448dd243