React Suite组件库 v4.9.2 官方版

　　React Suite是一套功能强大、便捷完善的React组件库，内置搜索、指导、成分、扩展名、工具、设计六大功能操作模块，为开发者提供简洁友好、操作简单便捷的UI框架设计环境，可以说是专门为后台产品开发而生，通过该组件库用户可以快速便捷的进行框架开发；React Suite内置详细的软件使用教程指南、内置简单便捷的产品开发工具，为开发者提供友好的开发环境，在产品开发过程中通常需要满足指定业务场景的组件，用户可以通过组件库进行应用扩展，非常简单方便，有需要的用户可以下载使用。

软件功能

　　实用程序

　　架构图、词缀、动画片、门户网站、 DOMHelper

　　数据显示

　　头像、徽章、桌子、树、检查树、控制板、时间线、标签、列表、日历、轮播

　　数据输入

　　输入、输入编号、自动完成、切换、输入选择器、标签选择器、选器、 CheckPicker、 TreePicker、CheckTreePicker、级联、多级层叠、日期选择器、 DateRangePicker、滑杆、上载者、速度

软件特色

　　React Suite一套 React组件,明智的U设计和友好的开发经验。

　　一组基于rsuite和的图表 echarts

　　基于 schematyped和的表单生成和验证 rsuite

　　响应式导航组件

　　基于 rsuite U的管理系统布局框架。

　　一个可以选择多个日期的日期选择器。

　　文档导航基于HTML标题(h1-h6)标签自动生成。

　　打包一个拾色器扩展程序,可以为套件选择颜色。

官方教程

　　使用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

　　在打开浏览器http://localhost:3000/。它在页面上显示一个标题为“ Welcome to React”。

　　安装rsuite

　　$ yarn add rsuite

　　然后编辑 ./src/App.js

　　然后，您将看到一个重音按钮，现在您可以继续进行开发了。

　　如果您遇到其他问题，可以查看create-react-app的官方文档。

　　自定义主题

　　要使用自定义主题功能，必须修改create-react-app的默认配置。

　　安装依赖项。

　　yarn add react-app-rewired customize-cra less less-loader

　　在以下位置修改脚本 package.json

　　编辑 ./src/App.js

　　config-overrides.js在根目录中创建一个新文件。内容如下：

　　重新执行yarn start，红色按钮表示配置成功

　　我们使用react-app-rewired和custom -cra来使用配置较少的加载器来实现自定义主题modifyVar

软件支持

　　支持的平台：

　　React Suite 支持最新的，稳定版的全部主流浏览器和平台。 从 React Suite 3 开始不支持 IE9 以下版本(包括 IE9)。不推荐在移动端使用。

　　React Suite 支持服务端渲染， 支持通过 Next.js 构建应用。

　　支持的开发环境：

　　支持 React 16 +

　　支持 TypeScript

　　支持 Electron