[React] react-admin Fileinput을 활용한 image drag ordering

react-admin 의 fileInput을 커스텀하여 react-sortable-hoc 를 적용하였다.

 

image drag ordering

react-admin ver 2.8

if (data.length > 0) { formData.images = data }

react-admin ver 3.1

react-final-form 을 이용하여 구현하였다.

if (data.length > 0) { form.batch(() => { form.change('mainImages', data) }) }

used react-dropzone ver 4.0.1

 

grid-example 도 만들어놓았다.

 

코드를 보고싶다면 아래 링크에 들어가서 확인하면 된다.

https://github.com/pjw9195/react-admin-OrderImageInput

pjw9195/react-admin-OrderImageInput