下载吧 其他软件

分类分类

React Suite组件库

React Suite组件库

v4.9.2 官方版

大小:32.3 MB 更新:2024/05/27

类别:其他软件系统:WinAll

立即下载

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

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

  例子

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

React Suite组件库

  在线示例

React Suite组件库

  安装和初始化

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

  $ yarn create-react-app test-app

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

  $ yarn start

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

  安装rsuite

  $ yarn add rsuite

  然后编辑 ./src/App.js

React Suite组件库

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

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

  自定义主题

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

  安装依赖项。

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

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

React Suite组件库

  编辑 ./src/App.js

React Suite组件库

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

React Suite组件库

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

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

软件支持

  支持的平台:

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

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

  支持的开发环境:

  支持 React 16 +

  支持 TypeScript

  支持 Electron

相关文章
  • 最新排行
  • 最热排行
  • 评分最高
其他软件排行榜

点击查看更多

点击查看更多

点击查看更多