React Leaflet：在鼠標懸停時顯示彈出框

Question

是否有人能夠使用React Leaflet Popup元素在鼠標懸停而不是點擊上顯示彈出窗口？

我似乎無法找到一種方法來實現這一點。

Answer 1

我最近使用React Refs和Leaflet API解決了這個問題。

甲準系統例如：

import React, { Component } from 'react'; 

import { Circle } from 'react-leaflet'; 

class Foo extends Component { 
    render() { 
     const { center, radius } = this.props; 
     return (
      <Circle 
       ref={circle => { this.circle = circle; }} 
       center={center} 
       radius={radius} 
       onMouseOver={() => { 
        this.circle.leafletElement.bindPopup('foo').openPopup(); 
       }}/> 
     ); 
    } 
} 

export default Foo;