diff --git a/README.md b/README.md index f6ec41f..b170b01 100644 --- a/README.md +++ b/README.md @@ -107,7 +107,7 @@ class MySortableComponent extends React.Component { } } -export default SortableMixin(MySortableComponent, sortableOptions); +export default SortableMixin(sortableOptions)(MySortableComponent); ``` ## Examples @@ -158,7 +158,7 @@ class Sortable1 extends React.Component { } } -export default SortableMixin(Sortable1, { group: 'shared' }); +export default SortableMixin({ group: 'shared' })(Sortable1); ``` File: sortable2.jsx @@ -185,5 +185,5 @@ class Sortable2 extends React.Component { } } -export default SortableMixin(Sortable2, { group: 'shared' }); +export default SortableMixin({ group: 'shared' })(Sortable2); ``` diff --git a/src/index.jsx b/src/index.jsx index 6c2ace4..e74b3d5 100644 --- a/src/index.jsx +++ b/src/index.jsx @@ -40,7 +40,7 @@ const extend = (target, ...sources) => { return target; }; -const SortableMixin = (Component, sortableOptions = defaultOptions) => class extends React.Component { +const SortableMixin = (sortableOptions = defaultOptions) => (Component) => class extends React.Component { sortableInstance = null; sortableOptions = sortableOptions;