Reactjs ReactKonva目前不支持如何删除“文本组件”。您的文字是：“正在加载…”使用react konva和react google maps/api？

我想在谷歌地图图层上渲染一个Konva形状。因为我使用的是React，所以我使用React konva和React google maps/api库进行处理

每次运行“纱线开始”时，都会出现以下错误：ReactKonva目前不支持文本组件。你的文字是：加载

版本 反应konva:16.13.0-6 react谷歌地图/api:1.9.12 康瓦：7.0.6 铬：85.0.4183.83 项目目录结构 这是一个使用CreateReact应用程序构建的简单应用程序

. ├── 生成文件 ├── 自述文件 ├── 流浪汉档案 ├── bootstrap.sh ├── package.json ├── 平民的 │   ├── classic-outline.png │   ├── 图标文件 │   ├── index.html │   ├── logo 192.png │   ├── logo512.png │   ├── manifest.json │   └── robots.txt ├── src │   ├── App.css │   ├── App.js │   ├── App.test.js │   ├── 组件 │   │   ├── KonvaShape.js │   │   └── Map.js │   │   │   ├── index.css │   ├── index.js │   ├── serviceWorker.js │   └── setupTests.js └── 纱线锁 以下是我的组件：

App.js 从“React”导入React； 导入“/App.css”； 从“./components/KonvaShape”导入KonvaShape； 功能应用程序{ 回来 ; } 导出默认应用程序； KonvaShape.js 从“React”导入React； 从“react konva”导入{Stage，Layer}； 从“./Map”导入映射； 函数KonvaShape{ 回来 ; } 导出默认KonvaShape； Map.js 从“React”导入React； 从'@react google maps/api'导入{GoogleMap，LoadScript}； 常量集装箱样式={ 宽度：“400px”， 高度：“400px” }; 常数中心={ lat:-3.745， 液化天然气：-38.523 }; 功能图{ const[map，setMap]=React.useStatenull； const onLoad=React.useCallbackfunction callbackmap{ const bounds=new window.google.maps.LatLngBounds； map.fitbundsbounds； setMapmap }, [] const onUnmount=React.useCallbackfunction callbackmap{ setMapnull }, [] 回来 {/*子组件，如标记、信息窗口等。*/} } 导出默认的React.memoMap

---

我对React和Konva还比较陌生，但我的猜测是，在呈现KonvaShape组件之前，我应该等待GoogleMaps组件挂载。我尝试使用KonvaShape自己的状态来管理此技巧，正如此答案所示，但我没有成功。

您尝试在此处注入非konva元素：

直接这样做是不可能的。仅支持konva节点。因此，您可以在其中使用层、组和形状

如果要添加可能是DOM组件的google maps，有两种方法：

将google maps放置在舞台顶部的绝对位置： {/*画布内部构件*/} 或者您可以尝试使用将映射注入Konva stage。但这只是一个反应糖，在内部，你们仍然会在舞台顶部有绝对位置图。

---

您正在尝试在此处注入非konva元素：

直接这样做是不可能的。仅支持konva节点。因此，您可以在其中使用层、组和形状

如果要添加可能是DOM组件的google maps，有两种方法：

将google maps放置在舞台顶部的绝对位置： {/*画布内部构件*/} 或者您可以尝试使用将映射注入Konva stage。但这只是一个反应糖，在内部，你们仍然会在舞台顶部有绝对位置图。

---

Thx有你的回答真是太酷了！它就像一个符咒！我真的认为问题来自我的生命周期组件管理。现在我知道我将不得不使用各种元素的绝对位置。事实上，我想在谷歌地图上移动一个Konva形状，并与一些地图自己的对象进行交互。你见过你的库做过这样的事情吗？@GaneD.Geoffrey我没有看到这样的实现。我不知道如果Konva stage在地图上是自上而下的，如何将其传递到地图上。这可能不是小事。好吧，我会尽力做到最好，看看我能在这里做些什么。使用Konva处理形状非常简单和自然。Thx有你的答案非常酷！它就像一个符咒！我真的认为问题来自我的生命周期组件管理。现在我知道我将不得不使用各种元素的绝对位置。事实上，我想在谷歌地图上移动一个Konva形状，并与一些地图自己的对象进行交互。你见过你的库做过这样的事情吗？@GaneD.Geoffrey我没有看到这样的实现。我不知道如果Konva stage在地图上是自上而下的，如何将其传递到地图上。这可能不是小事。好的，我会尽力做好我的工作 最好看看我能在这里做些什么。使用Konva处理形状非常简单和自然。