反应传单弹出不工作，鼠标悬停时光标不会改变

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