antd中form表单select还没选就收进去

问题:form表单类型为type='radio-group’时,labe里写<Select></Select>,点击select还未进行选择,下拉框就收进去了

<FormRow>
     <FormElement
        {...formProps500}
        width={700}
        label="品项优惠金额"
        name="deductTypeCheck"
        required
        options={[
             {
                 label: <><span style={{ marginTop: '4px' }}>优惠金额区间</span>
                     <InputNumber placeholder={'请输入'} />
                <span></span></>, value: '0'
             },
             {
                 label: <><span style={{ marginTop: '4px' }}>优惠金额区间</span>
                     <InputNumber placeholder={'请输入'} />
                    <Select style={{ margin: '0 4px', height: '28px', width: '59px' }} >
		              <Option value="amt"></Option>
		              <Option value="pct">%</Option>
		            </Select></>,
                 value: '1'
             }
         ]}
     >
     </FormElement>
 </FormRow>

解决:
不用type='radio-group’类型,将<Radio.Group> </Radio.Group> 写出来,select就不用包在label里面了

	<FormRow>
      <FormElement
        {...formProps500}
        width={700}
        label="品项优惠金额"
        name="deductTypeCheck"
        required
      >
        <Radio.Group>
          <div>
            <Radio value={0}>固定金额</Radio>
              <span>
                <InputNumber placeholder={'请输入'}/>
                <span></span>
              </span>
          </div> 
          <div>
            <Radio value={1}>优惠金额区间</Radio>
            <InputNumber placeholder={'请输入'}/>
            <span>~</span>
            <InputNumber placeholder={'请输入'} />
            <Select style={{ margin: '0 4px', height: '28px', width: '59px' }} >
              <Option value="amt"></Option>
              <Option value="pct">%</Option>
            </Select>
          </div>                  
        </Radio.Group>
      </FormElement>
    </FormRow>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值