반응형 2022/0710 <input type = file> 에서 동일한 파일 재업로드 하기 리액트의 JSX문법인걸 감안하길 바람 { onUploadFile(e); }} /> 위와 같이 작성했을 때, 동일한 파일을 재 업로드하면 onChange가 실행되지 않았다. 당연하다. 왜냐하면 동일한 파일을 재 업로드 하면 on'Change' 가 아니니깐, 인터넷을 검색해보니 e.target.value 를 '' 로 초기화해주라고 했다. { onUploadFile(e); e.target.value = ''; }} /> 위와 같이 e.target.value를 빈스트링으로 초기화 해주니 동일한 파일을 재 업로드 할 때도 잘 작동 하였다. 2022. 7. 11. try/catch : 렌더링중에 발생하지 않는 이벤트 핸들러에서의 에러처리 try/catch를 나는 사용한 적은 없고, 항상 남이 사용하는 것을 유지보수 하기만 했다. 대충 에러처리를 위한 코드라는 것을 주워듣긴 했지만 이번에 공식문서에 들어가서 확인해보았다. 리액트의 이벤트핸들러 리액트의 이벤트핸들러는 렌더링중에 발생하지 않는다. 즉 이벤트 핸들러에서 문제가 생겨도 리액트는 여전히 화면에 무엇을 표시해야 할 지 알고 그 행위를 위해 작동한다. 이벤트핸들러 내에서 문제가 발생해도 계속 작동 => 잘못된 화면이 렌더링 될 수 있음 때문에! 이벤트핸들러 내에서 에러를 잡아야 하는 경우 try/catch구문을 이용하라고 공식문서에서 이야기한다. const handleSubmitCodeProblem = async () => { try { //로직 } catch (error) { //t.. 2022. 7. 1. 이전 1 2 3 다음 반응형
