feat: (#468) 이미지 업로드 시 파일창이 두번 나오는 오류 수정

- 기본 이벤트로 인한 호출 오류
woowacourse-teams · Aug 17, 2023 · 5a15ca4 · 5a15ca4
1 parent 953506e
commit 5a15ca4
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/frontend/src/components/PostForm/ContentImageSection/index.tsx b/frontend/src/components/PostForm/ContentImageSection/index.tsx
@@ -1,4 +1,4 @@
-import { ChangeEvent, MutableRefObject } from 'react';
+import { ChangeEvent, MouseEvent, MutableRefObject } from 'react';
 
 import { Size } from '@type/style';
 
@@ -18,7 +18,8 @@ interface ContentImageSectionProps {
 export default function ContentImageSection({ contentImageHook, size }: ContentImageSectionProps) {
  const { contentImage, contentInputRef, removeImage, handleUploadImage } = contentImageHook;
 
- const handleButtonClick = () => {
+ const handleButtonClick = (e: MouseEvent<HTMLButtonElement>) => {
+ e.preventDefault();
  contentInputRef.current && contentInputRef.current.click();
  };
 

diff --git a/...ents/optionList/WritingVoteOptionList/WritingVoteOption/OptionUploadImageButton/index.tsx b/...ents/optionList/WritingVoteOptionList/WritingVoteOption/OptionUploadImageButton/index.tsx
@@ -1,4 +1,4 @@
-import React, { useRef } from 'react';
+import React, { MouseEvent, useRef } from 'react';
 
 import photoIcon from '@assets/photo_white.svg';
 
@@ -17,7 +17,8 @@ export default function OptionUploadImageButton({
  const inputRef = useRef<HTMLInputElement>(null);
  const id = optionId.toString();
 
- const handleButtonClick = () => {
+ const handleButtonClick = (e: MouseEvent<HTMLButtonElement>) => {
+ e.preventDefault();
  inputRef.current && inputRef.current.click();
  };