Reactjs 如何使用react组件设置传单弹出窗口

我正试图把弹出的地图。对于设置内容，使用

不是问题，但当我尝试插入React组件时，它会显示一个空白弹出窗口

layer.on({
            'mouseover': (e) => {
                L.popup({
                    closeButton: false,
                }).setLatLng([e.latlng.lat, e.latlng.lng]).setContent(`<div>{<TooltipFeatureDetails />}</div>`).openOn(this.map);
            }
        });

layer.on({
“鼠标悬停”：（e）=>{
弹出窗口({
closeButton:false，
}).setLatLng（[e.latlng.lat，e.latlng.lng]）.setContent（`{}`）.openOn（this.map）；
}
});

HTML不理解JSX。因此，

将无法正确呈现

您可以尝试使用

ReactDOMServer.renderToString（）

尝试：

.setContent（`ReactDOMServer.renderToString（）}`）

---

请阅读此处：

HTML不理解JSX。因此，

将无法正确呈现

您可以尝试使用

ReactDOMServer.renderToString（）

尝试：

.setContent（`ReactDOMServer.renderToString（）}`）

---

阅读这里：

如果您还没有，您应该看看。您可以使用它几乎完全用JSX编写地图代码。如果您还没有，您应该看看。使用它，您几乎可以完全用JSX编写地图代码。非常棒。谢谢：）太棒了。谢谢：）

.setContent(`<div>${ReactDOMServer.renderToString(<TooltipFeatureDetails />)}</div>`)