antd 드 롭 다운 상자 input[defaultValue]의 값 문 제 를 해결 합 니 다.
1926 단어 antd드 롭 다운 프레임inputdefaultValue
선택 한 항목 을 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>이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
React, AntD 및 Tailwind: CSS 충돌 수정React, 및 (아마도 시장에서 구할 수 있는 대부분의 다른 UIKIT)을 사용하는 경우 일부 CSS 충돌이 발생할 수 있습니다. 예를 들어 AntDModal 구성 요소는 바닥글에 기본적으로 "확인"및 "취소"버튼...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
