一般需要采用标签的方式
需求
可以指定空状态时的标题
设置标签颜色
每个标签的最大长度(字符数)
接口传递的时候的分隔标记(是用逗号,还是其他)
直接处理表单,不需要二次处理
所以需要传入以下内容给该组件...form.getFieldValue(name).split(separator));
}, [form.getFieldValue(name)]);
Antd4.x完整代码
折叠源码
import React..., { memo, useEffect, useRef, useState } from 'react';
import { Input, message, Tag, Tooltip } from 'antd...PropTypes.object, // form
key: PropTypes.string, // form的key
};
export default TagInput;
Antd3.x完整代码
antd3.x中部分组件的用法不一样...,需要修改一下
折叠源码
import React, { useEffect, useRef, useState } from 'react';
import { Icon, Input, message