⑴Suite是一套功能强大便捷完善的React组件库,内置搜索指导成分扩展名工具设计六大功能操作模块,为开发者提供简洁友好操作简单便捷的UI框架设计环境,可以说是专门为后台产品开发而生,通过该组件库用户可以快速便捷的进行框架开发;React
⑵Suite内置详细的软件使用教程指南内置简单便捷的产品开发工具,为开发者提供友好的开发环境,在产品开发过程中通常需要满足指定业务场景的组件,用户可以通过组件库进行应用扩展,非常简单方便,有需要的用户可以下载使用。
⑶架构图词缀动画片门户网站 DOMHelper
⑷头像徽章桌子树检查树控制板时间线标签列表日历轮播
⑸输入输入编号自动完成切换输入选择器标签选择器选器 CheckPicker
⑹TreePickerCheckTreePicker级联多级层叠日期选择器 DateRangePicker滑杆上载者速度
⑺React Suite一套 React组件,明智的U设计和友好的开发经验。
⑻一组基于rsuite和的图表 echarts
⑼基于 schematyped和的表单生成和验证 rsuite
⑽基于 rsuite U的管理系统布局框架。
⑾一个可以选择多个日期的日期选择器。
⑿文档导航基于HTML标题(h-h)标签自动生成。
⒀打包一个拾色器扩展程序,可以为套件选择颜色。
⒁使用npm或yarn
⒂我们建议使用npm或yarn安装。首先,您需要在本地正确安装NPM环境,然后通过npm安装rsuite。
⒃$ npm i rsuite --save
⒄如果使用纱线,也可以通过纱线安装:
⒅$ yarn add rsuite
⒆以下是使用默认按钮组件的简单示例。
⒇在开始之前,您可能需要安装yarn。
⒈$ yarn create-react-app test-app
⒉执行后,该工具将自动生成一个react开发框架并安装开发所需的所有依赖项react。安装完成后执行
⒊$ yarn start
⒋在打开浏览器它在页面上显示一个标题为“ Wele to React”。
⒌安装rsuite
⒍$ yarn add rsuite
⒎然后,您将看到一个重音按钮,现在您可以继续进行开发了。
⒏如果您遇到其他问题,可以查看create-react-app的官方文档。
⒐要使用自定义主题功能,必须修改create-react-app的默认配置。
⒑yarn add react-app-rewired customize-cra less less-loader
⒒在以下位置修改脚本 package.json
⒓config-overrides.js在根目录中创建一个新文件。内容如下:
⒔重新执行yarn start,红色按钮表示配置成功
⒕我们使用react-app-rewired和custom -cra来使用配置较少的加载器来实现自定义主题modifyVar
⒖React Suite 支持最新的,稳定版的全部主流浏览器和平台。 从 React Suite 开始不支持 IE 以下版本(包括
⒗IE)。不推荐在移动端使用。
⒘React Suite 支持服务端渲染, 支持通过 Next.js 构建应用。
⒙支持的开发环境:
⒚支持 React +
⒛支持 TypeScript
①支持 Electron