-
질문 & 답변
카테고리
-
세부 분야
풀스택
-
해결 여부
미해결
submit 관련 질문이 있습니다.
20.08.26 13:42 작성 조회수 88
0
다른 분들의 질문을 통해 Antd를 사용하면 Button 태그에 이벤트핸들러를 넣어줘야 하는 것을 알았습니다.!
궁금한건 Button에 onClick 으로 이벤트핸들러를 해주면 잘 되는데, onSubmit으로 하면 아무 반응이 안일어납니다 ㅠㅠ
<Form>
<FileUpload refreshFunction={updateImages} />
<br />
<br />
<label>이름</label>
<Input onChange={titleChangeHandler} value={Title} />
<br />
<br />
<label>설명</label>
<TextArea onChange={descriptionChangeHandler} value={Description} />
<br />
<br />
<label>가격</label>
<Input onChange={priceChangeHandler} value={Price} />
<br />
<br />
<select onChange={continentChangeHandler} value={Continent}>
{Continents.map((continent) => (
<option key={continent.key}>{continent.value}</option>
))}
</select>
<br />
<br />
<Button tpye="submit" onClick={submitHandler}>
확인
</Button>
</Form>
따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
모든 상품 정보를 데이터베이스에 저장하기[삭제 예정]
강의실 바로가기
답변을 작성해보세요.
4
라푼젤
2020.12.26
해당 Button andt 디자인에가서 보니 일반 html프로퍼티인 type을 htmlType으로 바꿔주면 실행됩니다.
<Button htmlType="submit">Submit</Button>
2
John Ahn
지식공유자2020.08.26
antDesign 컴포넌트가 이상한게 있는것 같습니다 원래는 Button에는 이벤트 핸들러 안줘도 type 만 submit 주고 form 부분에 onSubmit으로 처리 가능한데 앤트 디자인에서는 onClick 따로 넣어주셔야 됩니다 ~ !
0
답변 3