【发布时间】：2018-09-14 10:14:40
【问题描述】：
import React, { Component, PropTypes } from 'react';
import classnames from 'classnames';
import shuffle from 'shuffle-array';
import { Polygon } from "react-google-maps";
export default class MapsItem extends React.Component {
render() {
const coords = [
{ lat: 0, lng: 0 },
{ lat: 1, lng: 1 },
{ lat: 2, lng: 2 }
];
const api_key="myapikeyhere"
return (
<div className="col-sm-12"><Polygon key={api_key} path={cords}> </Polygon> </div>
)
}
}
我有以下代码；我正在尝试为地图绘制多边形。问题是它向我抛出了一个名为：
Uncaught TypeError: Super expression must either be null or a function, not undefined
每当我尝试导入 Polygon 或任何与 react-google-maps 相关的组件时。
我用对了吗？另外我将如何传递我的 API_KEY。我假设只是将关键道具传递给多边形。不确定。
我的 package.json 看起来像这样：
{
"name": "djreact",
"version": "0.0.1",
"devDependencies": {
"babel": "^6.5.2",
"babel-core": "^6.6.5",
"babel-eslint": "^5.0.0",
"babel-loader": "^6.2.4",
"babel-plugin-transform-decorators-legacy": "^1.3.4",
"babel-preset-es2015": "^6.6.0",
"babel-preset-react": "^6.5.0",
"babel-preset-stage-0": "^6.5.0",
"eslint": "^2.2.0",
"react": "^0.14.7",
"react-hot-loader": "^1.3.0",
"redux-devtools": "^3.1.1",
"webpack": "^1.12.13",
"webpack-bundle-tracker": "0.0.93",
"webpack-dev-server": "^1.14.1",
"sass-loader": "^3.2.0",
"css-loader": "^0.23.1",
"eslint-plugin-react": "^5.0.1",
"node-sass": "^3.7.0",
"style-loader": "^0.13.1"
},
"dependencies": {
"classnames": "^2.2.5",
"es6-promise": "^3.1.2",
"isomorphic-fetch": "^2.2.1",
"lodash": "^4.5.1",
"radium": "^0.16.6",
"react-cookie": "^0.4.5",
"react-dom": "^0.14.7",
"react-google-maps": "^9.4.5",
"react-redux": "^4.4.0",
"redux": "^3.3.1",
"redux-thunk": "^1.0.3",
"shuffle-array": "^1.0.1"
}
}
【问题讨论】：
-
你能显示你的package.json吗
-
添加到主线程中。
-
你有没有运气。
标签： reactjs