antd 드 롭 다운 상자 input[defaultValue]의 값 문 제 를 해결 합 니 다.

항목 에 드 롭 다운 상자 와 input 가 표시 되 어야 하기 때문에 defaultValue 라 는 기본 값 을 사용 합 니 다.배경 인터페이스 에서 defaultValue 라 는 값 을 select 에 설정 하지만 해결 방법 이 좋 지 않 습 니 다.

선택 한 항목 을 value 로 불 러 오고 기본 값 을 불 러 옵 니 다.

추가 지식:antd Form 구성 요소 행 병렬 표시 Form 폼 속성 이 inline 일 때 폼 구성 요소 너비 문제
formLayout 가 작 동 하지 않 습 니 다.
Form 태그 layot 속성 이'inline'으로 설정 되 었 을 때 드 롭 다운 구성 요소 너비 가 적응 되 지 않 았 습 니 다.

 //   1: Row + Col          , layout     'horizontal',
 const formLayout = {
      labelCol: { span: 4 },
      wrapperCol: { span: 14 },
     }
 ---------------------------------------------------------    
 <Form layout="horizontal" {...formLayout }>
  <Row>
  <Col span={6}>
   <Form.Item label="xxx">
   <Select>
    ....
   </Select>
   </Form.Item>
  </Col>
  <Col span={6}>
   <Form.Item label="xxx">
    <Select>
    ....
    </Select>
   </Form.Item>
  </Col>
      </Row>
 </Form>
 
 //  2   Form.Item       
 <Form layout="inline" {...formLayout }>
   <Form.Item label="xxx" style={{width:'25%'}}> //   
   <Select>
    ....
   </Select>
   </Form.Item>
   <Form.Item label="xxx" style={{width:'200px'}}>//     
    <Select>
    ....
    </Select>
   </Form.Item>
 </Form>

이상 antd 드 롭 다운 상자 input[default Value]의 값 을 해결 하 는 문 제 는 바로 작은 편집 이 여러분 에 게 공유 하 는 모든 내용 입 니 다.참고 하 시기 바 랍 니 다.여러분 들 도 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.