Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>react-code-snippetNew to Visual Studio Code? Get it now.
react-code-snippet

react-code-snippet

zhaoze

|
3,256 installs
| (0) | Free
react 代码段
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

react-code-snippet

这是一个基于react antdesign 组件库的代码片段,需要先安装antd组件库!!! 运行命令:npm install antd --save 或者 yarn add antd

代码片段说明

触发命令 描述
rui-breadcrumb-012 面包屑
rui-button-001 按钮:Primary
rui-button-003 按钮:Dashed
rui-button-005 按钮:圆形搜索
rui-button-004 按钮:Danger
rui-button-007 按钮:一组按钮
rui-button-008 按钮:loading
rui-button-009 按钮:圆形loading
rui-button-006 按钮:带图标
rui-button-002 按钮:Default
rui-button-010 按钮:Dropdown.Button 组合使用
rui-checkbox-020 多选框:基本用法
rui-checkbox-021 多选框:Checkbox 组,数组中格式也可以为{ label: 'Apple', value: 'Apple' }
rui-datepicker-022 日期选择框:最简单的用法
rui-datepicker-023 日期选择框:开始-结束
rui-dropdown-013 下拉菜单
rui-form-024 表单:水平登录栏,需要在class定义@Form.create();render函数里定义const { getFieldDecorator } = this.props.form;
rui-form-025 表单:普通的登录框,需要在class定义@Form.create();render函数里定义const { getFieldDecorator } = this.props.form;
rui-form-026-layout 表单依赖,请写在render函数里
rui-grid-011 栅格:两列
rui-modal-032 对话框:基本使用
rui-page-login 登录页面UI
rui-modal-033 对话框:确认对话框
rui-pagination-014 分页:基础分页
rui-pagination-015 分页:改变每页显示条目数
rui-pagination-016 分页:快速跳转到某一页
rui-pagination-017 分页:迷你版本
rui-radio-027 单选框:最简单的用法
rui-radio-028 单选框:单选组合
rui-select-029 下拉选择器:基本使用
rui-steps-018 步骤条:基本用法
rui-table-031 表格:基本使用
rui-switch-030 开关:带有文字
rui-steps-019 步骤条:竖直方向
rui-form-026 表单:注册新用户,需要在class定义@Form.create();注意:请务必再执行‘rui-form-026-layout’
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft