如何使用反应JS实现包装?



我有一些反应组件,我想用一些排水沟放在网格上。这些反应组件应该具有拖放功能。拖放完成后,网格应重新布局

我正在处理类似的问题。我不知道你是否已经解决了这个问题。(当然,如果您这样做了,请分享您的解决方案以帮助他人!这是我发现的众多 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/克里斯·科伊尔

相关内容

  • 没有找到相关文章

最新更新