antd select框异常收起

antd的form组件，某个表单项的label属性传入的是一个select下拉框，下拉框中有两个值，出现的问题是，下拉框中的值无法选中，每次点击下拉之后，浮层自动就收起了，无法选择到其中的值，要想选择到其中的值，必须点击下拉后，不放开鼠标左键，将光标移动到下拉选项中才能选中。

找到方法了：阻止事件默认行为e.preventDefault()
<a-select onClick={(e) =>e.preventDefault()} />

建议将代码贴出，看看是否有代码干扰了下拉框的展开

这个需要分析代码，发代码出来看看看。

<FormItem {...formLayout} style={{marginBottom: 0}} label={
enumDisabled ?
(
<Select value={serialNumberState} onChange={selectChange} style={{ width: 85 }}>




  • )
    : '编号code'
    }
    name="serialNumberData"
    rules={[{ required: true,message:paramMessage},{
    validator: (rule, value, callback) => {
    const pattern = '^[0-9]*$'
    if(value){
    let val = value.trim()
    if(!!serialNumberState){
    if (!!val.match(pattern)) callback(paramMessage);
    }else{
    if (!val.match(pattern)) callback(paramMessage);
    }
    }
    callback();
    }
    }]}
    initialValue={paramMap._id || paramMap._code}>

    • 解决了吗，我也遇到了这个问题