React.js) FilePond 다루기(파일 업로드 모듈)

파일 업로드랑, 업로드 이후 파일 순서 변경할때 감지하는 명령어를 기록하기 위해서 작성.

<FilePond
    imagePreviewMaxHeight={100}
    allowReorder={true}
    allowRevert={true}
    onupdatefiles={(files, origin, target) => {
        //파일 업로드할때
        console.log('[onUpdatefiles] files : ', files);
    }}
    onreorderfiles={(files) => {
        //파일 변경할때
        console.log('[onReorderfiles] files : ', files);

    }}
    allowMultiple={true}
    maxFiles={5}
    acceptedFileTypes={['image/*']}
    itemInsertLocation={'after'}
    name="upload_files"
    labelIdle='Drag & Drop your files or <span class="filepond--label-action">Browse</span>'
    onerror={(error, file) => {
        console.log('[onerror] error : ', error);
        console.log('[onerror] file : ', file);
    }}
/>

광고 클릭은 개발자의 코손실을 예방해주는 커피 공급에 도움이 됩니다.