反应传单库的自定义弹出窗口

Question

我正在研究如何在标记上打开弹出对话框，使其始终位于视图对话框中，而不是在屏幕外渲染。我遇到了https://github.com/erictheise/rrose和https://github.com/yafred/leaflet-responsive-popup。

结束使用响应式弹出窗口，并使用https://medium.com/@nikjohn/creating-a-dynamic-jsx-marker-with-react-leaflet-f75fff2ddb9找出如何在弹出窗口中生成jsx内容。但是，我无法弄清楚如何将此弹出窗口绑定到react-leaflet标记。

let customPopup = new L.ResponsivePopup().setContent(ReactDOMServer.renderToString(<div></div>));

<Marker position={position} icon={icon} key={`${headline.id}${key}`}>
          <Popup autoPan={false}> //Existing way, how to use the custom popup?
            <span>
              My Content Here
            </span>
          </Popup>
</Marker>

任何形式的指导都会非常有用。

谢谢！