강의

멘토링

커뮤니티

Inflearn Community Q&A

terecal0050's profile image
terecal0050

asked

Creating NodeBird SNS with React

6-10. Remove express.static and images

이미지 업로드할때

Written on

·

204

0

첫번쨰 인자값으로 image가 왜 들어가는지 알려주시면 감사여 ~!

```

    const onChangeImages = useCallback((e=> {
        // 입력한 파일 정보를 이렇게 가져올 수 있음
        console.log(e.target.files); 
        //  폼의 정보를 담을수 있는 객체를 선언
        const imageFormData = new FormData();
        // 입력한  파일 정보를 반복문으로돌려서 imageFormData에 저장
        [].forEach.call(e.target.files, (f=> {
            imageFormData.append('image'f);
        });
        dispatch({
            type: UPLOAD_IMAGES_REQUEST,
            data: imageFormData,
        });
   }, []);
```

            imageFormData.append('image'f);

그리고 useRef로 인풋 박스

    const onClickImageUpload = useCallback(() => {
        imageInput.current.click();
    }, [imageInput.current]);
이때 이미지 업로드 버튼이랑 파일 업로드 버튼을 별개로 만드는 이유와
중간에 current는 무슨 의미인지 알려주시면 감사여

reactjavascript

Answer 3

0

zerocho님의 프로필 이미지
zerocho
Instructor

ref 관련해서는 기본 강좌를 보세요~

0

terecal님의 프로필 이미지
terecal
Questioner

key value 형식으로 보내고 받는 관계였군여 답변 감사합니다. current는 useRef의 Current 좀 어렵지만 일단 그냥 붙여야 되는걸로 기억할게여 감사합니다

0

zerocho님의 프로필 이미지
zerocho
Instructor

key value식으로 넣는거라 key를 image로 주면 서버의 multer upload.array에 image로 받을 수 있습니다.

current는 useRef의 current입니다.

terecal0050's profile image
terecal0050

asked

Ask a question