submit 버튼이 안되시는 분들께
269
1
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
Submit버튼을 눌러도 아무 반응이 없으신 분들은 ant design의 api 문서를 확인해보시길 바랍니다.
api 문서상에서 제공하는 form 사용 방법이 강의에서 나오는 것과 다릅니다.
<Form onSubmit={submitHandler}>
{/* DropZone */}
<Form.Item>
<FileUpload refreshFunction={updateImages} />
</Form.Item>
<Form.Item label="이름">
<Input value={Title} onChange={titleChangeHandler} />
</Form.Item>
<Form.Item label="설명">
<TextArea onChange={descriptionChangeHandler} />
</Form.Item>
<Form.Item label="가격($)">
<Input type="number" onChange={priceChangeHandler} />
</Form.Item>
<Form.Item>
<select onChange={continentChangeHandler} value={Continent}>
{
Continents.map(x => (
<option key={x.key} value={x.key}>{x.value}</option>
))
}
</select>
</Form.Item>
<Form.Item>
<Button htmlType='submit'>확인</Button>
</Form.Item>
</Form>
이렇게 각각 Form 안의 tag들을 Form.Item으로 감싸줘야 한다고 나와있습니다.
근데 의아한 점은 api 문서 상에서는 onFinish를 사용하라고 나와있는데, 문서대로 하면 에러가 나고 onSubmit을 해야 정상 작동하네요.
혹시 이 부분에 대해서 알고 계시는 분이 있다면 공유 부탁드립니다!
답변 0