React - drag-list 로 항목 순서 변경하기.

ALZI.NET 의 관리자단 페이지에서, 

각 시리즈를 생성하고, 시리즈에 속해있는 비디오를 추가할 수 있다. 

그리고 비디오의 순서를 편하게 수정할 수 있도록, 

관리자단에서 리스트에서 드래그로 순서를 변경할 수 있는 기능을 추가했다.

오픈소스 를 썼고, 패키지 이름은 'react-drag-list' 이다.

https://www.npmjs.com/package/react-drag-list

<ReactDragList

dataSource={this.state.videos}

row={this.VideoItem}

onUpdate={this.onOrderUpdate}

className="DragList"

rowClassName="DragListRow"

ghostClass="dragGhost"

chosenClass="dragChosen"

dragClass="dragDragging"

animation={0}

handles={false}

/>