リアクションリーフレット：マウスオーバー時にポップアップ表示

Question

リアクションリーフレットポップアップ要素を使用して、クリック時ではなくマウスオーバー時にポップアップを表示できる人はいますか？

私はこれを達成する方法を見つけることができないようです。

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;