Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs React dnd拖动状态是否可从外部拖动的项目访问_Reactjs_React Dnd - Fatal编程技术网

Reactjs React dnd拖动状态是否可从外部拖动的项目访问

Reactjs React dnd拖动状态是否可从外部拖动的项目访问,reactjs,react-dnd,Reactjs,React Dnd,我正在使用React Dnd(带有鼠标后端)来拖动项目,它的工作方式很有魅力。 但是,我可能有一个用例,我希望能够测试: monitor.isDragging() 从源和目标组件外部,了解是否存在当前的拖动操作。从您的问题来看,不清楚您当前是否能够从DragSource/DropTarget内部测试monitor.IsDraging(),因此我将假设您不知道如何做 首先,任何封装在DragSource/DropTarget中的组件都不能在拖放上下文之外呈现,因此您必须确保在伪拖放上下文中呈现组

我正在使用React Dnd(带有鼠标后端)来拖动项目,它的工作方式很有魅力。 但是,我可能有一个用例,我希望能够测试:

monitor.isDragging()

从源和目标组件外部,了解是否存在当前的拖动操作。

从您的问题来看,不清楚您当前是否能够从DragSource/DropTarget内部测试monitor.IsDraging(),因此我将假设您不知道如何做

首先,任何封装在DragSource/DropTarget中的组件都不能在拖放上下文之外呈现,因此您必须确保在伪拖放上下文中呈现组件(代码部分复制自)

import React,{Component}来自'React';
从“react dnd test backend”导入TestBackend;
从'react dnd'导入{DragDropContext};
从“酶”导入{mount};
/**
*将组件包装到使用TestBackend的DragDropContext中。
*/
函数wrapInTestContext(DecoratedComponent){
返回DragDropContext(TestBackend)(
类TestContextContainer扩展组件{
render(){
返回;
}
}
);
}
它('可以使用测试后端进行测试',()=>{
const WrappedComponent=wrapInTestContext(MyComponent);
const RenderedComponent=mount();
});