介绍
dragon-system 是一款基于 React 开发的前端 UI 组件库，提供了各种常用组件，如按钮、输入框、表格等。使用 dragon-system 可以帮助前端开发人员更快速地开发 UI 界面。
安装
使用 npm 安装 dragon-system：
--- ------- ------------- ------
使用
使用 dragon-system 可以通过以下方式引入组件：
------ - ------ - ---- ----------------
使用 Button 组件：
------------- -----------
目前 dragon-system 提供的组件有：
- Button
- Input
- Select
- Table
- Modal
- ...
文档
可通过 dragon-system 文档 查看组件的详细用法。
示例
以 Input 组件为例：
------ ------ - -------- - ---- --------
------ - ----- - ---- ----------------
-------- --------- -
----- ------- --------- - -------------
----- ------------ - --- -- -
-------------------------
-
------ -
-----
------ ------------- ----------------------- --
--------------
------
-
-
------ ------- --------使用 Input 组件的 value 和 onChange 属性，可以实现输入框的双向数据绑定。
总结
dragon-system 可以帮助前端开发人员更快速地开发 UI 界面，减少重复性工作，提高开发效率。在使用过程中，要注意引入的组件，以及查看组件的文档，更好地使用组件。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005630b81e8991b448e0e48