什么是 tags-pro？
tags-pro 是一个基于 React 的标签选择组件，不需要手动编写任何 CSS 样式，可快速提高前端开发效率。
如何使用 tags-pro？
安装
使用 npm 安装：
npm install tags-pro
引入
在需要使用的组件文件中引入该组件：
import Tags from "tags-pro";
使用
在组件的 JSX 中使用该组件：
<Tags tags={yourTagsArray} onSelect={yourOnSelectFunction} onDelete={yourOnDeleteFunction} />
参数说明
tags：你的标签数组onSelect：标签被选择的回调函数onDelete：标签被删除的回调函数
示例代码
-- -------------------- ---- ------- ------ ------ - -------- - ---- -------- ------ ---- ---- ----------- -------- ----------- - ----- ------ -------- - --------------- ---------- ----- ------------ - ----- -- - ----------------- ------ -- ----- ------------ - ----- -- - ----------------------- -- - --- ------ -- ------ - ----- ----- ----------- ----------------------- ----------------------- -- ------ -- -展开代码
结语
使用 tags-pro 可以让前端开发更高效，减少 CSS 样式编写。当然，tags-pro 的功能还比较简单，如果需要复杂的标签选择功能，需要自己编写组件或者寻找更加适合的 npm 包。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005732681e8991b448e9526
