React-dnd模块中getDropResult（）无法得到目标值

最新推荐文章于 2022-12-12 13:21:48 发布

VoiceU

最新推荐文章于 2022-12-12 13:21:48 发布

阅读量780

点赞数

分类专栏： React_music项目记录贴总结帖文章标签： javascript react

本文链接：https://blog.csdn.net/Voiceu/article/details/117363268

版权

在使用React-dnd模块时遇到endDrop()中getDropResult()无法获取目标值的问题。尽管遵循官方文档和示例，但只得到包含dropEffect和id的对象。经测试发现，drop()的getDropResult()只能在有父子关系时获取上一级drop返回的对象，而在没有父子关系时，返回{dropEffect: 'move', id: undefined}。当前版本可能存在的bug导致组件中endDrag的getDropResult()只能获取自身drop()返回的对象。为解决此问题，建议改用getItem并结合props与redux进行数据更新。" 132727793,19687621,使用Boost.Context实现斐波那契协程程序,"['c++', '算法', '编程', '并发']

摘要由CSDN通过智能技术生成

在用React-dnd模块做项目的时候，在endDrop（）函数里面用getDropResult（）无法得到想要的目标值，
看了官方文档，以及示例代码，均是无法找到问题所在，
跟示例的思路及写法几乎一样，根据相关文档，如下
在这里插入图片描述

具体情景如下：
我有三个组件ABC, A是B的父组件，C与AB独立，C作为被拖动组件，AB作为接受的组件，

在C的drag的spec配置中的endDrag()里面写到，console.log(‘getDropResult’, monitor.getDropResult());
在A、Bd的drop的spec配置中的drop（）里写到，return{xxx:1}即返回一个对象
根据文档以及示例，只要我把C拖进了A或者B，都会触发drop里面的return，然后这个return的对象会在C的endDrag里面通过monitor.getDropResult()得到，

但是我并没有得到目标值，只得到了一个对象&