npm install react-basic-dnd
yarn add react-basic-dnd
pnpm install react-basic-dnd
import { DraggableContainer, DraggableItem } from 'react-basic-dnd';
function App() {
const [value, setValue] = useState([1, 2]);
const handleChange = (newValue) => setValue(newValue);
return (
<DraggableContainer onChange={handleChange} value={value}>
{value.map((item) => (
<DraggableItem key={`item-${item}`}>
<div
style={{
padding: 20,
border: '1px solid'
}}
>
ITEM {item}
</div>
</DraggableItem>
))}
</DraggableContainer>
)
}
export default App;