리액트 파일 업로드 관련 - 자식 컴포넌트에서 업로드시 부모컴포넌트에서 빈 객체로 출력이 되는 이유가 궁금합니다.

Question

안녕하세요 ! 처음으로 리액트 웹 개발을 하게되어서 미숙한 부분이 많은데 , 이해되지 않는 부분이 있어 질문드립니다... ㅠㅠ 부모 컴포넌트 (view 페이지)에서 자식 컴포넌트(파일 업로드 컴포넌트) 를 가지고 있고 부모 컴포넌트는 아래 state가 선언되어있구요 ! const [file, setFile] &#61; useState<File | null>(null); 파일 업로드(자식) 컴포넌트에서 setFile을 받아서 드래그 & 드롭 하면 (부모컴포넌트에 있는)setFile을 사용합니다제 생각에는 파일 업로드 컴포넌트에서 setFile을 사용하면 부모 컴포넌트에서 file이 달라지니까 useEffect(() &#61;> { console.log(&#96;file : ${JSON.stringify(file)}&#96;); }, [file]);부모컴포넌트에서 출력했을 때 빈 객체로 출력되면 안된다고 생각하는데 빈 객체로 출력이 되거든요 ㅠㅠ 문제가 뭔지 잘 모르겠습니다.. 자식 컴포넌트에서는 아래처럼 출력하면 잘 나오는데 .. 뭐가 문제일까요 ,. ㅠㅠ console.log(e.dataTransfer.files[0]);

비정규분포 · Answer

저 몇줄 코드만 딱 보니까 reducer 써야할 곳에 useEffect() 쓰시고 계셔서 그런듯? 콘솔에 경고 뜨는거 뭐 있나요?

리액트 파일 업로드 관련 - 자식 컴포넌트에서 업로드시 부모컴포넌트에서 빈 객체로 출력이 되는 이유가 궁금합니다.

1개의 답변

기술 목록