antd 4.0 에서 Form 은 initialValue 작업 을 사용 합 니 다.
2130 단어 antdForminitialValue
처음에는 initial Value 가 좋 은 것 이 라 고 생각 했 습 니 다.그러면 제 가 편집 할 때마다 데 이 터 를 보 내 면 됩 니 다.나중에 안 된다 는 것 을 알 게 되 었 습 니 다!보 여 드릴 게 요.
말 도 안 돼.뒤에서 문 서 를 자세히 보고 나 서 야 이 물건 이 기본 값 이라는 것 을 알 게 되 었 다.처음 생 긴 후에 계속 이 물건 이 었 다.
그리고 저 는 인터넷 에서 reset Fields()라 는 방법 을 보고 제출 하거나 취소 한 후에 데 이 터 를 리 셋 했 습 니 다.그러나 저 는 시도 해 보 았 지만 안 되 었 습 니 다.클릭 할 때마다 지난 번 의 데이터 가 되 었 기 때문에 뒤에 form 의 다른 방법 을 솔직하게 보 았 습 니 다.
그림 을 붙이다
해결 하 다.
초기 값 포기
const [form] = useForm()
form.setFielsValue(currentItem)
form 테이프 로 데 이 터 를 설정 하 는 방법 입 니 다.이렇게 하면 매번 최신 이라는 것 을 보증 할 수 있다.
닥 치 는 대로 붙이다
문맥 도 없 이 그냥 글 씨 를 보면 돼!!
const { visible, onEdit, onCancel, type, currentItem, ...modalProps } = props;
const [form] = useForm()
useEffect(() => {
form.setFieldsValue({ ...currentItem });
}, [visible])
const onOk = () => {
form.validateFields().then((values: any) => {
onEdit(values)
})
}
표 데이터 에서 데 이 터 를 편집 할 때 사용 하 는 폼 은 initial Value 를 사용 하여 초기 값 을 설정 해 야 합 니 다.
다음 쓰 기 는 initialValue 설정 이 잘못 되 었 습 니 다.
폼 구성 요소 가<>,등 패키지 에 있 을 때 initialValue 설정 이 잘못 되 었 습 니 다.
// initialValue
<Form.Item label="xxx">
{getFieldDecorator('xxx',{
initialValue:'default'
})(
<>
<Input />
<span>....</span>
</>
)
}
</Form.Item>
//
<Form.Item label="xxx">
{getFieldDecorator('xxx',{
initialValue:'default'
})(
<Input />
)
}
// <span></span>
</Form.Item>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 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에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
