前言
随着管理的文章数量增多,默认的几个分类满足不了现状了,趁着重构的过程把相关的功能考虑进去
本来想自己从头写过一个,看了下Antd有内置该类型的控件了,就没必要自己造了
一般自己写,肯定优先考虑数组对象格式...[{tagName:'a',value:1}];
Antd提供的是纯数组,[string,string],那如何不改变它提供的格式情况下拿到我们想要的!...效果图
需求分析及思路
需求梳理
从接口拿到tags数组且构建枚举对象,tags支持删除添加 ,
高亮tag,追加删除的情况要考虑进去;
第一个为默认分类,不允许删除
高亮颜色支持传入
标签文字过长,则截断...,用气泡悬浮来展示完全的文本
不允许添加同样的(阻止并给予反馈)
默认值初始化并且回馈,把值丢给父
实现
用dva的effect维护接口数据的获取
子组件除了暴露返回值,不做任何涉及Dva这类不纯的东西...* @Description: 文档类型维护
*/
import React, { PureComponent } from 'react';
import { Tag, Input, Tooltip