需求分析及思路
需求梳理
从接口拿到tags数组,tags支持删除添加
高亮tag,追加删除的情况要考虑进去(删除要考虑进去);
第一个为默认分类,不允许删除
标签文字过长,则截断,用气泡悬浮来展示完全的文本...不允许添加同样的(阻止并给予反馈)
默认值初始化并且回馈
把值丢给父
实现
用dva的effect维护接口数据的获取
子组件除了暴露返回值,不做任何涉及Dva这类不纯的东西,一切靠props丢进去
-...---
代码实现
在引用处的父组件构建数据获取,主要构建两个,一个待渲染的数组,一个是枚举(其实就是key-value映射);
因为要考虑和以前的版本兼容,所有一些固定的key-value,还有默认值也要考虑进去...* @Description: 文档类型维护
*/
import React, { PureComponent } from 'react';
import { Tag, Input, Tooltip...hightlightIndeX));
}
};
componentDidMount = () => {
this.initDefaultValue();
};
// 显示input后,直接聚焦
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
