Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
| 29 | 30 | 31 |
Tags
- await
- Hook
- BFS
- useState
- canvas
- 코딩테스트
- useCallback
- seo
- react internals
- 코테
- pjax
- venv
- VanillaJS
- React.memo
- eslint
- prettier
- 프로그래머스
- python
- useEffect
- webpack
- web
- VanillJS
- react
- Custom Hook
- 비동기
- useMemo
- 완전탐색
- Permutations
- 환경설정
- 그리디
Archives
- Today
- Total
목록typescript (1)
Amada Coding Club
[React-Dropzone] TypeScript 사용시 acceptedFiles 에서 발생하는 오류 관련 및 해결
패스트캠퍼스에서 이미지 갤러리 서비스를 연습하던 중 이미지 파일을 브라우저에 드롭할 수 있게 도와주는 react-dropzone에 대해 알아봤다. 신기하게 이번 시간에선 리액트를 타입스크립트로 만졌고 React-dropzone에서 다음 부분에 문제가 생겼다. const onDrop = useCallback((acceptedFiles) => { // Do something with the files }, []) 파일이 브라우저에 드롭됐을 때 그 파일을 처리하는 부분이다. 이 부분의 acceptedFiles 부분에 문제가 생겼다 acceptedFiles가 'any'타입으로 명시되어 오류가 난다는 뜻이다. 해결책은 간단했다. 타입 스크립트이기 때문에 acceptedFiles의 타입을 명시하면 된다. 이 값은 ..
Front-End/React
2023. 1. 8. 00:16