Question

我试图简单地导入react-leaflet而不在项目中渲染任何地图，但这给了我这个错误。

TypeError: Object(...) is not a function

我确定是从import语句中得知的。它甚至在第2行的错误中指向它。这是我的代码。

import React from 'react'
import { Map } from 'react-leaflet'

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

  render() {
    return (
        <div><h1>E</h1></div>
    );
  }
}

如果没有import语句，代码可以正常工作。我在这里做什么错了？

Answer 1

查看react-leaflet网站（https://react-leaflet.js.org/），看来Map组件是一个命名的导出。导入命名导出时，您需要使用大括号将要导入的组件包装起来：

import { Map } from 'react-leaflet';

有关命名和默认导出here

的一些信息

我自己还没有使用react-leaflet，但是在他们的网站上浏览时，似乎他们有一些很好的例子可以帮助您入门。 It may be worth taking a look if you're new to it.

与webpack一起导入react-leaflet返回错误

1 个答案: