我正在尝试遵循以下示例:
https://github.com/gaearon/react-dnd/tree/master/examples/04%20Sortable/Simple
但是代码使用的是ES7,我不知道如何替换此文件中的装饰器和装饰依赖项:
https://github.com/gaearon/react-dnd/blob/master/examples/04%20Sortable/Simple/Card.js
我尝试阅读有关装饰器的信息,但我只是不了解。我希望有人可以给出Card.js代码的ES6示例,这样我可以更好地了解发生了什么并重写该示例供我自己使用。
_.flow
是一个不错的解决方案,但是不必为此安装下划线并添加导入。
DragSource()
返回一个将React组件类作为输入的函数,并返回一个新的React组件类,该类将作为拖动源。DropTarget()
做同样的事情。知道这一点,我们可以简单地写:
DragSource(_itemType_, _sourceSpecification_, _sourceCollector_)(
DropTarget(_itemType_, _targetSpecification, _targetCollector_)(YourComponent))
DropTarget(/*...*/)(YourComponent)
将返回目标组件类,并且DragSource(/*...*/)
可以读取该新创建的组件类,并吐出既是放置目标又是拖动源的最终组件类。
有点冗长,但是如果您正在寻找的话,它无需使用外部库即可完成工作。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句