Dropzone

react-dropzone 라이브러리 사용

Props

Prop	Type	Default	Description
state	'default' | 'error' | 'active'	'default'	상태
label	string	-	라벨 텍스트
hasDot	boolean	-	dot 표시 여부
file	{ path: string name: string size: number }	-	*** 초기 파일 설정 path: 파일 url 경로 name: 파일명 (확장자 포함) size: 파일 사이즈
name	string	-	dropzone 고유 이름
onChange	function	-	파일 변경 핸들러
helperMessage	string	-	보조 메세지
className	string	-	커스텀 스타일 적용

Usage

<Dropzone
  state={'error'}
  label={'라벨'}
  hasDot
  helperMessage={'보조 메시지 영역'}
  name={'file'}
  onChange={() => {}}  
/>