Advertisement

React-Tag-Input：简易的React可编辑标签输入组件

  •  5星
  •     浏览量: 0
  •     大小:None
  •      文件类型：None

简介：
React-Tag-Input是一款轻量级、易于使用的React组件，它允许用户在网页表单中添加和编辑标签。该组件设计简洁，功能强大，适用于各种需要灵活管理关键词或标签的应用场景。 React标签输入（React Tag Input）是一个强大、简洁且性能卓越的输入字段，用于创建多个标签。

全部评论 (0)

还没有任何评论哟~
客服
客服
客服关闭
  • React-Tag-Input：简易的React可编辑标签输入组件
    优质
    React-Tag-Input是一款轻量级、易于使用的React组件，它允许用户在网页表单中添加和编辑标签。该组件设计简洁，功能强大，适用于各种需要灵活管理关键词或标签的应用场景。 React标签输入（React Tag Input）是一个强大、简洁且性能卓越的输入字段，用于创建多个标签。
     
  • Vue.js 2.0的Vue-Input-Tag输入标签组件
    优质
    Vue-Input-Tag是一款基于Vue.js 2.0框架开发的多功能输入框插件，支持添加、删除和编辑标签功能，适用于各类需要灵活处理关键字或标签的应用场景。 Vue输入标签 一个受启发的Vue.js 2.0输入标签组件 安装： - NPM: ```shell npm install vue-input-tag --save ``` - 纱线: ```shell yarn add vue-input-tag ``` 然后，您需要导入并注册它： ```javascript import InputTag from vue-input-tag; Vue.component(input-tag, InputTag); ``` CDN： ```html ```
     
  • TagInput-React：适用于 React 的标签输入组件
    优质
    TagInput-React 是一个为 React 应用程序设计的高效标签输入组件库。它提供了灵活且用户友好的界面来管理和操作标签数据，是处理多标签功能的理想选择。 标签输入React在React中标记输入组件。确保你安装了NPM后可以使用以下命令进行安装：`npm install taginput-react` 或者 `yarn add taginput-react` 如何使用： ```javascript import React, { useState } from react; import TagsInput from taginput-react; const TagsInputDemo = () => { const [tags, setTags] = useState([]); const handleOnChange = (data) => { setTags(data); } return (  
  • React-Tabs：极简且灵活的标签组件
    优质
    React-Tabs是一款设计简洁、功能强大的React组件库，专注于提供一个高度可定制和易于使用的标签页解决方案。 React标签 极其简单灵活的标签页 正在安装 ``` npm i @starnavireact-tabs ``` 或者 ``` yarn add @starnavireact-tabs ``` 基本范例： ```javascript import { Tab, Tabs, TabList, TabPanels, TabPanel } from @starnavireact-tabs; export default () => ( First Tab Second Tab

    First Tab Content

         ); ```
     
  • React-Editable-Table：自制React可编辑表格
    优质
    简介：React-Editable-Table是一款基于React框架开发的可编辑表格组件，它允许用户直接在表格中进行数据修改、添加和删除操作，提供便捷的数据管理功能。 React可编辑的员工表（数据表） 这个项目是使用任何外部模块从头开始创建的。功能包括：在一张表格中查看所有员工并进行单元格内联编辑；将任意行标记为已删除，并能撤消该操作；获取更新过的员工列表，前提是其属性与初始值不同且未恢复到原状；列出被标记为已删除的员工名单；允许重置数据以返回至初始状态。此外还有提交按钮可以查看并下载包含更新和删除信息的JSON文件，具备搜索功能以及基本验证（如日期、电话号码等）。项目也支持分页浏览。 希望您喜欢这个项目！:vulcan_salute: :raising_hands:
     
  • 可调整大小的React组件 - React-ResizableBox
    优质
    React-ResizableBox 是一个灵活强大的React库，支持用户自定义调整组件尺寸。它为网页应用添加了高度互动性和灵活性。 React-resizable-box 是一个可调整大小的 React 组件。
     
  • React-WebSocket：简便的 WebSocket 通信React组件
    优质
    React-WebSocket是一款专门为React应用设计的轻量级库，它简化了通过WebSocket进行实时双向通信的过程，使开发者能够轻松集成和管理WebSocket连接。 React websocket 是一个易于使用的 React 组件，用于 WebSocket 通信。关于招工广告的事情进展得很慢，因为我目前还有很多其他事情要处理，所以如果我没有及时回答你的问题或者 PR 审核时间较长，请不要生气。 任何有兴趣帮助该项目更快发展的人都可以通过提交或审查 Pull Request 并参与讨论来提供支持。 安装方法： ``` npm install --save react-websocket ``` 用法示例： ```javascript import React from react; import Websocket from react-websocket; class ProductDetail extends React.Component { constructor(props) { super(props); } ```
     
  • React React Slider - React的滑块组件
    优质
    React React Slider 是一个专门为React框架设计的滑块组件库，提供丰富的配置选项和灵活的功能，帮助开发者轻松构建交互性强、美观大方的滑块功能。 React-slider 是一个用于 React 的滑块组件。
     
  • React - 简易甘特图组件封装
    优质
    本作品是一款基于React框架设计的简易甘特图组件，旨在简化甘特图的创建和管理过程，帮助开发者轻松实现项目计划与进度展示。 一个简单的甘特图 React 组件封装。
     
  • React-Draggable：适用于React的可拖动组件
    优质
    React-Draggable是一款专为React框架设计的可拖动组件库，允许开发者轻松地将任何元素变为可拖拽对象。 React可拖动组件使元素可以被移动。 安装方法： ```shell $ npm install react-draggable ``` 如果您不使用browserify或webpack，则需要手动加载该软件包，并且仅按发行版进行更新。此软件包在从npm安装时会自动加载所需的外部库，包括React和ReactDOM。 要使用最新的master修订版本的UMD构建，请克隆此存储库并运行`$ make`命令来生成它。