【文件属性】:
文件名称:react-tags:一个非常简单的标签组件,用于您的React项目
文件大小:466KB
文件格式:ZIP
更新时间:2021-02-05 15:27:55
react javascript autocomplete react-tags dragdrop
React标签
React-tags是一个简单的标记组件,随时可以放入您的React项目中。 该组件的灵感来自于撰写窗口中GMail的“收件人”字段。
产品特点
根据建议列表自动完成
键盘友好和鼠标支持
使用拖放功能对标签重新排序
为什么
因为我在寻找一个借口来构建一个独立的组件并在野外发布? 老实说,我需要一个标签组件为我的项目提供上述功能。 因为我找不到满足我要求的产品(而且我通常喜欢重新发明*),所以我想到了这一点。
演示版
安装
使用组件的首选方式是通过NPM
npm install --save react-tag-input
确保已安装以下版本的对等依赖项
react: ^1
【文件预览】:
react-tags-master
----webpack-production.config.js(1KB)
----release.config.js(43B)
----.github()
--------stale.yml(408B)
----.eslintrc.js(2KB)
----src()
--------components()
----set_up_hooks.sh(204B)
----.babelrc(45B)
----webpack-dev-server.config.js(1KB)
----release.sh(615B)
----.codeclimate.yml(237B)
----CONTRIBUTING.md(762B)
----.travis.yml(597B)
----example()
--------index.html(1KB)
--------main.js(5KB)
--------reactTags.css(1KB)
--------vendor()
----LICENSE(1KB)
----jest.config.js(6KB)
----__tests__()
--------reactTags.test.js(22KB)
--------setupTest.js(137B)
--------tag.test.js(5KB)
--------suggestions.test.js(7KB)
--------__mocks__()
--------utils.test.js(3KB)
----README.md(20KB)
----docs()
--------input-field-position-inline.png(12KB)
--------inline-true.png(15KB)
--------input-field-position-top.png(12KB)
--------inline-false.png(16KB)
--------input-field-position-bottom.png(12KB)
----.gitignore(78B)
----.prettierrc.js(212B)
----.hooks()
--------pre-commit(785B)
----demo.gif(110KB)
----package-lock.json(769KB)
----package.json(3KB)