reactjs - Material-ui 芯片 - 拖放支持

标签 reactjs material-ui

我想使用material-ui chips在我的 react 应用程序中。 问题是我想通过拖放来移动芯片。 material ui 不支持此功能。是否有解决方法/扩展来使芯片可拖动? <!--

如果没有其他办法,我会换到另一个库。有人知道吗? 谢谢

//编辑-好的解决方案

您可以使用 react-beautiful-dnd 使任何组件可拖动

最佳答案

您可以从 Material UI 使用 Draggable 组件:

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

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

关于reactjs - Material-ui 芯片 - 拖放支持,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55811842/

相关文章:

javascript - 优化bundle.js文件大小

javascript - Webpack 构建不渲染 HTML5 视频

reactjs - 如何在将React模块转换为ES6类时解决 `this`

reactjs - 有没有办法手动触发 Material-UI Modal 关闭

javascript - ReactJS:更改特定元素 ID 的输入字段边框颜色

javascript - Jest - 断言异步函数引发测试失败

css - 如何为非表单文本使用 material-ui 主题错误样式(颜色)

reactjs - 带有 typescript 的 react Material 表显示通用类型错误

javascript - ReactJS - 使用 Material UI 网格间距

reactjs - 如何使 Material UI 中的主题样式覆盖页面级字体继承 CSS