React Suite组件库下载-React Suite v4.9.2

软件介绍

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

软件功能

实用程序

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

数据显示

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

数据输入

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

软件特色

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

一组基于rsuite和的图表echarts

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

响应式导航组件

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

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

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

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

官方教程

使用npm或yarn

我们建议使用npm或yarn安装。首先，您需要在本地正确安装NPM环境，然后通过npm安装rsuite。

$npmirsuite--save

如果使用纱线，也可以通过纱线安装：

$yarnaddrsuite

例子

以下是使用默认按钮组件的简单示例。

在线示例

安装和初始化

在开始之前，您可能需要安装yarn。

$yarncreate-react-apptest-app

执行后，该工具将自动生成一个react开发框架并安装开发所需的所有依赖项react。安装完成后执行

$yarnstart

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

安装rsuite

$yarnaddrsuite

然后编辑./src/App.js

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

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

自定义主题

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

安装依赖项。

yarnaddreact-app-rewiredcustomize-cralessless-loader

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

编辑./src/App.js

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

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

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

软件支持

支持的平台：

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

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

支持的开发环境：

支持React16+

支持TypeScript

支持Electron

Tags:React Suite组件库下载,React Suite,源码相关,办公软件,组件库