对于React Leaflet v2，有一个NPM插件react-leaflet-control，它允许您创建任何类型的控件并将其放入react-leaflet控件容器中。显然，随着 RL-v3 的引入，随着 API 的更改，这在 v3 中不再适用。我想创建一个自定义控件包装器，以允许我在其中放置任何类型的 React Node。
我目前拥有的代码可以工作......但不能。我从 Stack Overflow 帖子中的示例中提取了内容：React Leaflet V3 Custom Control，它让我获得了创建自定义控件的 99% 解决方案。但是，我的用例是地图上的工具栏，其中包含可交互的按钮（颜色用于指定活动工具）。然而，通过这段代码，我拥有了该功能，但由于每次渲染都会导致创建一个新控件，因此工具提示会在失去其锚元素时闪烁。
我想要一个工具栏，允许用户选择工具在地图上执行操作（想想老式的）leaflet-draw。为了提供反馈，我希望按钮在工具处于活动状态时改变颜色，对于用户体验，我想要工具提示来描述操作按钮的。
工具栏存在，用户可以选择工具并且有 UI 反馈，但是，当选择工具时在每个渲染上删除并重新添加控件时，工具提示会丢失其锚元素。