State 배열 중간값 바꾸는 방법

State 배열 중간값 바꾸는 방법

참고자료

https://sheldhe93.tistory.com/13

[ ES6 ] 스프레드 연산자spread / ...연산자

 

왜 당신은 삽질을 하고 있나요?

자신의 레시피를 공유하는 사이트를 만드는 중이였습니다. Step1 과 step2에 사진을 넣었는데 , 만약에 사용자가 잘 못 넣어서 바꾸고 싶을때 문제가 생겼습니다. 

 

사진이 바뀌지 않았습니다. 그 이유는 setFile([...file, e.target.file[0])로 코딩되어 배열 뒤에 차곡 차곡 쌓였습니다.

어떻게 해야할까 고민을 하다가 , 위 참고 자료를 보고 

 setFile([...file.slice(0, i), e.target.files[0], ...file.slice(i + 1, file.length)])

사이에 끼워주자라는 생각을 했습니다. 실은 해결하려고 객체 동적할당도 공부했는데 처음부터 배열로 만들어 놓은지라 고치려면 다 뜯어고쳐야했어서 배열로 할 수 있는 방법을 생각했습니다.

 

이제 잘 바뀌네요.. 다행입니다.