오랜만에 다시 만나 까먹었던 문제 해결 법

ljk·2023년 6월 20일
0
post-thumbnail

미리적는 결론: file 첨부시 data에 file을 넣었다면, e.target.value을 비우기

input file 첨부 후 e.target.value를 비우지 않으면

같은 파일을 재 첨부시 변화가 일어나지 않음.

data부분에 push 이후에 꼭 e.target.value 비우기.

/

history.state 컴포넌트간 전달 시, 받는 쪽에서 props 설정이
true로 되어있지 않으면 값을 받을 수 없음

전혀 아니었다...

객체를 전달 할 때 spread연산자(ex)...this.info)로 객체를 풀어서 보냈는데,

해당 객체안에 다른 array나 object가 있을 시 error가 나서 refresh되는거였다.(key-value형식으로 되어있는 object는 spread연산자로 문제없이 전달되었으나, array 타입의 proxy객체일 경우는 spread연산자로 보내도 에러가 발생해서 결국 따로 js 변수 선언 후 보내 주는 방법으로 수정함)

아마 전에는 props:true를 세팅하면서 객체를 나누는 작업도 병행했는데, 그러면서 잘못 생각했던거 같다.

아무튼 object안에 있는 다른 object들은 꺼내서 spread로 전달해주면 끗!!

참고: https://velog.io/@yiwonjin/vue-router3-state%EA%B0%9D%EC%B2%B4%EB%A1%9C-%ED%8E%98%EC%9D%B4%EC%A7%80-%EC%82%AC%EC%9D%B4-%EB%8D%B0%EC%9D%B4%ED%84%B0-%EC%A0%84%EB%8B%AC

0개의 댓글