Reactjs 在另一个区块内对一个区块进行反应

我正在使用react rnd库来拖动和调整块的大小。我创建了一个页面。它在上面创建了一个灰色容器，我点击“添加全局容器”按钮，一个容器出现在我可以在父灰色容器中移动和调整大小的字段上

在已创建容器的左角有一个紫色按钮，单击该按钮，将在此容器内创建另一个容器，现在第一个容器将是新创建容器的父容器。

问题是，我可以调整内部容器的大小，但我不能移动它，或者更确切地说，它会随父组件一起移动。只有当父组件接触其父组件（灰色容器）的边界时，内部组件才会在外部组件内部移动

在代码中是这样的 我有一个组件，它本身包含一个组件 框组件称为Rdn内部-这是您在屏幕上看到的块，Rdn使其移动

类型道具={
宽度：字符串；
高度：弦；
颜色：字符串；
};
类BoxWrapper扩展了React.Component{
状态={
宽度：“100”，
身高：“40”，
x:0,，
y:0，
};
render（）{
const{width，height，color}=this.props；
返回(
{
e、 停止传播（）；
this.setState（{x:d.x，y:d.y}）；
}}
最小高度={16}
最小宽度={16}
调整大小={(
e:有吗，
方向：任何，
参考：任何，
德尔塔：有，
职位：任何
) => {
这是我的国家({
宽度：参考样式宽度，
高度：参考样式高度，
…位置，
});
}}
>
);
}
}
导出默认包装器问题已解决
您需要将
onDragStop
方法替换为
onDrag
并指定
event.stopImmediatePropagation（）
；
问题已解决
您需要将
onDragStop
方法替换为
onDrag
并指定
event.stopImmediatePropagation（）
；