React Suite组件库 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

版权声明：React Suite组件库所展示的资源内容均来自于第三方用户上传分享，您所下载的资源内容仅供个人学习交流使用，严禁用于商业用途，软件的著作权归原作者所有，如果有侵犯您的权利，请来信告知，我们将及时撤销。

软件下载信息清单：