react-konva - 带有儿童的 Konva 可拖动矩形

Question

我想添加一个带有孩子的可拖动矩形（下面的屏幕截图中的红色）（下面的屏幕截图中的图标和文本）。每当我尝试这个时，我都会收到此错误：

TypeError: parentInstance.add is not a function

这是尝试添加文本的代码：

<Rect x={0} y={0} width={200} height={100} draggable fill="red">              
    <Text text="Pencil" />                                                      
</Rect> 

标签： react-konva

Answer 1

Rect或其他其他 Konva 形状不能有子元素。您不能将形状嵌套到另一个形状中。对于这种情况，您需要使用组

<Group x={0} y={0} draggable>
  <Rect width={200} height={100} fill="red" />
  <Text text="Pencil" />                                                      
</Group>