文件名称：用于 React 项目的极其简单的标记组件
文件大小：482KB
文件格式：ZIP
更新时间：2024-06-28 10:38:39
Tag Input
React-Tags React-tags 是一个简单的标记组件，可以放入你的 React 项目中。 该组件的灵感来自撰写窗口中 GMail 的收件人字段。 特性 基于建议列表自动完成 键盘友好和鼠标支持 使用拖放重新排序标签 为什么因为我正在寻找构建独立组件并在野外发布的借口？ 老实说，我需要一个标记组件来为我的 React-Surveyman 项目提供上述功能。 由于我无法找到满足我的要求（以及我通常喜欢重新发明*的事实），这就是我想出的。 Demo 在这里查看安装 使用该组件的首选方式是通过 NPM npm install --save react-tag-input 确保您已经安装了对等依赖项以及以下版本的React：^16.3.1，react-dnd： ^5.0.0 react-dnd-html5-backend: ^3.0.2 react-dom": ^16.3.1 然而，它也可以单独使用（dist/ReactTags.min.js）。如果你喜欢这个方法记得包含 ReactDND 作为依赖项。请参阅示例以了解其工作原理。用法这是一个示例实现，它使用初始标签列表和建议列表初
【文件预览】：
react-tags-master
----.gitignore(78B)
----.babelrc(45B)
----webpack-production.config.js(1KB)
----.codeclimate.yml(237B)
----set_up_hooks.sh(204B)
----package.json(3KB)
----package-lock.json(805KB)
----src()
--------components()
----.travis.yml(597B)
----jest.config.js(6KB)
----CONTRIBUTING.md(762B)
----LICENSE(1KB)
----release.config.js(45B)
----__tests__()
--------tag.test.js(3KB)
--------reactTags.test.js(24KB)
--------__mocks__()
--------suggestions.test.js(7KB)
--------setupTest.js(161B)
--------utils.test.js(3KB)
--------__snapshots__()
----.eslintrc.js(2KB)
----.prettierrc.js(212B)
----README.md(19KB)
----example()
--------reactTags.css(2KB)
--------main.js(5KB)
--------vendor()
--------index.html(1KB)
----demo.gif(110KB)
----webpack-dev-server.config.js(1KB)
----.hooks()
--------pre-commit(785B)
----docs()
--------input-field-position-bottom.png(12KB)
--------inline-true.png(15KB)
--------inline-false.png(16KB)
--------input-field-position-inline.png(12KB)
--------input-field-position-top.png(12KB)
----release.sh(615B)