Question

我正在使用github中的react-leaflet示例events.js 我收到以下错误：

Syntax error: Unexpected token (23:26)

  21 |   }
  22 | 
> 23 |   mapRef = createRef<Map>()
     |                           ^
  24 | 
  25 |   handleClick = () => {
  26 |     const map = this.mapRef.current

我将events.js中的导入行更改为

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

我的App.js看起来像这样：

import React, { Component } from 'react';
import './App.css';
import './myLeaflet.css';
import './leaflet.css';

import SimpleExample from './simple';
import TooltipExample from './tooltip';
import DraggableExample from './draggable-marker';
import WMSTileLayerExample from './wms-tile-layer';
import EventsExample from './events';
class App extends Component {
  render() {
    return (
      <div className="App">
          <EventsExample/>
      </div>
    );
  }
}

export default App;

myLeaflet.css包含以下内容：

h1, h2, p {
  text-align: center;
}
.leaflet-container {
  height: 400px;
  width: 80%;
  margin: 0 auto;
}

知道为什么会这样吗？

Answer 1

import React, { Component, createRef } from 'react';

您必须import createRef从React库中使用mapRef = createRef()

https://github.com/PaulLeCam/react-leaflet/blob/master/example/components/draggable-marker.js

Answer 2

我有同样的问题。更改

mapRef = createRef<Map>()

收件人：

mapRef = createRef();

，现在可以使用了。祝你好运

Answer 3

错误

mapRef = createRef();

将其更改为

const mapRef = createRef<any>()

React传单在示例中显示createRef意外令牌错误

3 个答案: