antd select tag 如何控制输入的标签字数？

Question

如何控制antd select标签功能，控制输入字数，如果输入字数大于6，那么不生成标签
使用的是antd select随意生成标签

子组件：

<Select

    mode="tags"
    style={{ width: '100%' }}
    onChange={this.handleChange}
    tokenSeparators={[',']}
    defaultValue={children}
  >
    {options}
  </Select>

父组件
            <Tag children={articleItem.label &&articleItem.label.length<=6  ? articleItem.label.split(',') : []} changeCb={val => this.handleChangeWithName(val ? val.join(',') : '', 'label')} />

父组件事件：
handleChangeWithName = (val, name) => {

const { articleStore } = this.props
if(name=='label' && val.length>6){
  message.info('标签不能超过6个字符')
articleStore.changeDataProp(name, '')

  return
}
articleStore.changeDataProp(name, val)

}### 问题描述

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

直接在onchange 那里控制children的表现就可以了。