[Question] is it possible to work with this.children in stead of wrapping?

Hi, i’m wondering if you can also use the sortable in the following way in stead of wrapping.

<SortableList onSortEnd={this.handleSort} useDragHandle={true}>
	{array.map((value) => {
		return (
			<SortableElement>
				<SortableHandle>::</SortableHandle>
				{value}
			</SortableElement>
		);
	})}
</SortableList>

[clauderic]

Hey @nealoke,

Absolutely! If you’d prefer to use that kind of syntax, you can probably create those yourself by doing something along the lines of:

import {sortableContainer, sortableElement, sortableHandle} form 'react-sortable-hoc';

const wrapper = (props) => <div {children, ...props}>{children}</div>;
const SortableList = sortableContainer(wrapper);
const SortableElement = sortableElement(wrapper);
const SortableHandle = sortableHandle(wrapper);

[nealoke]

@clauderic Yes this fixed it 👍 Thank you very much!