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>

猜你喜欢

转载自blog.csdn.net/weixin_53125679/article/details/122634524