Make it easier to use

[Felix-Franz]

You can use the lib much easier if you would include this:

import {SortableContainer, SortableElement, SortableHandle} from "react-sortable-hoc";

const component = ({children}: {children: JSX.Element}) => children;

export const SortableItem = SortableElement(component);
export const SortableList = SortableContainer(component);
export const SortHandle = SortableHandle(component);

Usage:

<SortableList>
	<ul>
	{this.state.elementForList.map((c, i) =>
		<SortableItem key={i} index={i}>
			<li>{c}</li>
		</SortableItem>
	</ul>
	)}
</SortableList>

[thepuzzlemaster]

Thanks for this. I created a sortableUtils.ts which exports these consts, and this does make it sooooo much more pleasant to use.