material-ui芯片-拖放支持 [英] material-ui chips - drag and drop support

问题描述

我想在我的react-app中使用 material-ui芯片.问题是我想通过拖放来移动筹码. material ui 不支持此功能.是否有变通方法/扩展程序以使筹码可拖动?<！-

I am would like to use material-ui chips in my react-app. The problem is that I would like to move the chips with drag and drop. This functionality is not supported by material ui. Is there a workaround / extension to get chips draggable? <!--

如果没有其他方法，我将转到另一个库.有人认识吗?谢谢

If there is no other way, I would change to another library. Does anyone know one? Thank you

//编辑良好的解决方案

您可以使用 react-beautiful-dnd

推荐答案

您可以从材料UI中使用Draggable组件:

You can use the Draggable component from material UI:

<Draggable><Chip label="your chip" /></Draggable>

查看完整示例: https://material-ui.com/demos/对话框/#draggable-dialog

这篇关于material-ui芯片-拖放支持的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！