setImage ๋ฅผ ์ฌ์ฉํ์ ๋, state์ ๋ฐ๋ก ์ ์ฉ์ด ์๋๋ ์ด์ ๋ ๋ฌด์์ธ๊ฐ์?
setStateํจ์๊ฐ ๋น๋๊ธฐ์ ์ผ๋ก ์๋ํ๊ณ , ๋์์๋๊ฐ ๋๋ ค์ setImage๋ก image๋ฅผ set์์ผ์ฃผ๊ธฐ ์ ์ props.refresh~~ํจ์๊ฐ ๋์๋๋ฒ๋ ค์. ๊ทธ๋์ ๊ทธ๋ ๊ฒ ํ์ ๊ฑฐ ๊ฐ์๋ฐ setState๋ก state๋ณ๊ฒฝํ๊ณ , ๋ฐ๋ก ๊ทธ ๋ณ๊ฒฝ๋ state๋ฅผ ์ฐ๊ณ ์ถ์๋๋ useEffect๋ฅผ ์ด์ฉํด์ ์ฐ๋ ๋ฐฉ๋ฒ๋ ์์ด์. ๊ทธ๋์ ์ ๊ฐ์ ๊ฒฝ์ฐ๋ setImages([...images, response.data.filePath]); dropHandler์์ ์ด๋ ๊ฒ Image์ state๋ฅผ ๋ณ๊ฒฝ์์ผ์ฃผ๊ณ , useEffect(() => { props.refreshFunction(images); }, [images]) ์ด๋ ๊ฒ image์ state๊ฐ ๋ณ๊ฒฝ๋๋ ๊ฑธ catchํ๊ฒ ํด์ ๋ณด๋์ต๋๋ค. ๊ทผ๋ฐ ์ด๋ ๊ฒ ํ๋ฉด image๊ฐ set๋๊ณ => useEffect์์ ๊ฐ์ง => props์ functionํธ์ถ์ธ๋ฐ ๊ฐ์ฌ๋์ด ํด์ฃผ์ ๋ฐฉ๋ฒ๋๋กํ๋ฉด setํธ์ถ => props์ functionํธ์ถ => set์๋ฃ ๋ผ ๋ ๋น ๋ฆ
๋๋ค. ๋ค๋ง, ํ๋ค๋ณด๋ useEffect๋ก ํด์ผํ๋ ๊ฒฝ์ฐ๊ฐ ๋ฐ๋์ ์๊ฒจ์ ๋ฐฉ๋ฒ์ ์๊ณ ๊ณ์๋๊ฒ ์ข์๋ฏํด์