antd Select限制个数 5个

const selectTypeRule = ({ getFieldValue }) => ({
  validator( _,value ){
    if( value ){
      
      if(value.length>5){
        return Promise.reject(new Error('使用场景最多选5个'));
      }
      
    }else{

      return Promise.reject(new Error('请选择使用场景'))
      
    }
  }
})


function UtilXXX() {


return (
<Form.Item
    name="XXX"
    rules={[ selectTypeRule ]}
                  >
    <Select
                        allowClear
                        mode="multiple"
                        placeholder="请选择"
                        style={{ width: editWidth?580:480}}
                        optionLabelProp="children"
                        rules={[{ required: true, message: '请选择' }]}
                        filterOption={(input, option) =>
                          option.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
                        }
                    >
                        <Option key="3" value="3" label="333">333</Option>
                        <Option key="4" value="4" label="444">444</Option>
                        <Option key="5" value="5" label="555">555</Option>
                        <Option key="6" value="6" label="666">666</Option>
                        <Option key="7" value="7" label="777">777</Option>
                        <Option key="8" value="8" label="888">888</Option>
                        <Option key="9" value="9" label="999">999</Option>
                        
                    </Select>
</Form.Item>
  )
}

export default UtilXXX

使用 validator 校验并提示是最好的选择了。