반응형 hansdontable2 React Handsontable로 csv 편집기 만들기 (19) 프로젝트 전체 링크 이전 - (18) FileUpload에 대한 이벤트 보완 현재 - (19) 불러오기 버튼 추가하기 깃허브에서 코드 확인하기 파일이 업로드 된 후, drag & drop 영역이 사라졌기 때문에, 다시 파일을 불러오려면 새로고침을 해야한다. 따라서 불러오기 버튼을 추가하자. 불러오기 버튼은 FileUpload에 추가하도록 하자. 따라서 App.js에서 MyTable과 FileUpload 위치를 바꾼다. input의 파일 선택 버튼을 일반 버튼에 연결하려면, input 파일을 hidden으로 만들어서 event로 연결한다. 자세한 설명은 링크를 참고하자. fileUploadFlag가 true가 되면 ( ) 안의 input이 사라지기 때문에 getElementById로 찾을 수 없다. 따라서.. 2021. 6. 29. React Handsontable로 csv 편집기 만들기 (18) 프로젝트 전체 링크 이전 - (17) redux로 File Upload 상태 관리하기 현재 - (18) File Upload에 대한 이벤트 보완 다음 - (19) 불러오기 버튼 추가하기 깃허브에서 코드 확인하기 이전 글에서 store에 FileUploadFlag를 관리할 수 있게 되었다. 이제 아래의 문제를 보완해보자. 1) file을 불러와도 drag & drop 영역이 사라지지 않는다. 2) DOWNLOAD 버튼/displayCell은 file이 업로드 된 후에 필요하다. (즉, MyTable은 file이 업로드 된 후 보인다.) → fileUpload가 성공하면 flag를 true로 변경한다. flag가 on이면 FileUpload의 drag & drop 영역은 사라지게 한다. 그리고 MyTable.. 2021. 6. 28. 이전 1 다음 반응형
