npm 包 recon-components 使用教程

简介

recon-components 是一个基于 React.js 的 UI 组件库，提供了各种常见的 UI 组件，如按钮、输入框、表格等，使前端开发更加高效。本文将介绍如何使用 recon-components。

开始使用

安装

使用 npm 安装：

npm install --save recon-components

引入组件

import { Button, Input } from 'recon-components';

使用组件

function App() {
  return (
    <div>
      <Button>提交</Button>
      <Input defaultValue="默认值" />
    </div>
  );
}

API 文档

Button

属性：

示例：

<Button onClick={() => console.log('clicked!')}>提交</Button>

Input

属性：

示例：

<Input defaultValue="默认值" onChange={(e) => console.log(e.target.value)} />

总结

使用 recon-components 可以帮助我们快速搭建 UI 界面，加快前端开发效率。希望本文能对你有所帮助。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055fe481e8991b448dd859