反應傳單彈出不工作，鼠標懸停時光標不會改變

Question

我正在使用反應傳單，並且可以獲得市場顯示。這只是不工作。

我剛剛複製了示例代碼。與其他軟件包有衝突嗎？或者我是否需要特別版本的傳單，對此作出反應和反應？

鼠標懸停在地圖上時，我的光標不會改變。

我已經確定我有正確的CSS，所以地圖和標記呈現正確。

任何幫助將不勝感激，我對此相當新，所以這可能是一個愚蠢的錯誤。

import React from 'react'; 
import ReactDOM from 'react-dom'; 

import { Map, TileLayer, Marker, Popup } from 'react-leaflet'; 

class SimpleExample extends React.Component { 
    constructor() { 
    super(); 
    this.state = { 
     lat: 51.505, 
     lng: -0.09, 
     zoom: 13, 
    }; 
    } 

    render() { 
    const position = [this.state.lat, this.state.lng] 
    return (
     <Map center={position} zoom={this.state.zoom}> 
     <TileLayer 
      attribution='&copy <a href="http://osm.org/copyright">OpenStreetMap</a> contributors' 
      url='http://{s}.tile.osm.org/{z}/{x}/{y}.png' 
     /> 
     <Marker position={position}> 
      <Popup> 
      <span>A CSS3 popup. <br /> Easily customizable.</span> 
      </Popup> 
     </Marker> 
     </Map> 
    ); 
    } 
} 

ReactDOM.render(<SimpleExample />, document.getElementById('root')); 

Answer 1

檢查您的索引文件，並查看小冊子的css文件/ js文件是否爲版本0.7.7或1.0。如果是在1.0，以取代他們：

https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/leaflet.css

https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/leaflet.js