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