INPUT2 Custom File Input 처리시 파일이 변경 되지 않는 에러 똑똑한개발자 내부 코드리뷰의 외부 공개용 재정리 파일입니다. @24.06.03 파일 업로드를 구현할 때 을 직접적으로 사용하면 CSS 변경에 제약이 커서따로 UI를 그린 후 input창을 따로 핸들링하는 형태로 많이 사용했습니다. 이렇게 코드를 짰을 때 동일한 파일을 업로드 할 떄 파일 상태가 변하지 않는 문제가 있습니다.예시 코드는 아래와 같습니다. const inputFileRef = useRef(null); const onClickUploadButton = useCallback(() => { inputFileRef.current?.click() }, []); const onChangeUploadFile = useCallback(( e: ChangeEvent ) => { .. 2024. 10. 1. [React] Input: Text 훌륭하게 구현하기 0. 글을 쓰게 된 계기 최근 Test Code 관련 강의를 수강하던 중, 소스코드의 input 이 아래와 같이 구현 된 것을 발견했다. const InputWithRef = () => { const inputRef = useRef(); const addPost = (post) => { // 글 추가하는 함수 } const onSubmit = () => { const { value } = inputRef.current; addPost(value) } return( ) } 코드 자체는 문제가 없는데, 무엇이 문제여서 글을 쓰게 됬을까? 1. 배운거랑 달라요! 정말 이 문제 때문이었다. 조금 더 자세히 말하자면 나는 input창을 useState를 이용하여 구현했는데, 해당 코드에서는 useRef를 이용하여.. 2022. 5. 20. 이전 1 다음