我有一些反应组件,我想用一些排水沟放在网格上。这些反应组件应该具有拖放功能。拖放完成后,网格应重新布局
我正在处理类似的问题。我不知道你是否已经解决了这个问题。(当然,如果您这样做了,请分享您的解决方案以帮助他人!这是我发现的众多 Packery for React npm 模块之一。大多数都非常相似。
这是我迄今为止的研究结果(当然不完整!
大卫·德桑德罗
这种方法需要 React with jQuery 通过生命周期 https://reactjs.org/docs/integrating-with-other-libraries.html
- https://packery.metafizzy.co/draggable.html 原始包装机可拖动
反应包装(各种(
就我而言,这会带来类型错误。我必须重写组件以引用 fn 而不是调用它(注意大括号(。(所有示例都是复制粘贴的,仅显示一个用例。不是很有帮助。
- https://www.npmjs.com/package/react-packery-component 反应包装组件
- https://github.com/mzabriskie/react-draggable/可反应拖动
- https://www.npmjs.com/package/react-drag 反应拖曳
反应 DnD
至少可以说太啰嗦了。但是,如果您有时间配置它...
- https://medium.com/@dan_abramov/the-future-of-drag-and-drop-apis-249dfea7a15f 丹·阿布拉莫夫
- http://react-dnd.github.io/react-dnd/about 反应 DnD
CSS技巧
也许不够啰嗦
- https://css-tricks.com/draggable-elements-push-others-way/克里斯·科伊尔