Set of higher-order components to turn any list into a sortable, touch-friendly, animated list
hi, i just take the simplest example that exists , and add a <div> tag that wrap the sortableitem element.. the problem is now the sort works just after spesific height and not correctly :
const SortableList = SortableContainer(({ items }) => {
return (
<div>
{items.map((value, index) => (
<div>
<SortableItem key={`item-${index}`} index={index} value={value} />
</div>
))}
</div>
);
});
anyone know how I can set in one row my wanted sortable element + another element ?
Cannot call a class as a function
error. If I just remove the mobx.observer()
method enclosing the sortableHandle
and sortableElement
elements the error disappears. I could not see anything in the Issues page of none of this libraries. Is there any hint on where this error may come?
mobx-react
to mobx-react-lite
library. So nothing related to react-sortable-hoc
. Probably the issue happens because sortableHandle
and sortableElement
are implemented as class components, something mobx-react-lite
does not support.
Hi all.
I'm using the react-sortable-hoc library for the sole purpose of drag n' drop.
However, the list items are being recreated/rerendered many times without doing drag n' drop.
I don't need sorting or anything,
and I'm fine with the items to be re-rendered when the user does drag n' drop.
But only then.
Does anyone has an idea how to help me?
I'm desparate already. Thanks in advance!!!