javascript - ReactJS错误: is not defined react/jsx-no-undef

Question

我正在使用 ReactJS 开发 map 功能，我的 app.js 文件是:

import React, { Component } from 'react';
import './Map';
class App extends Component {
   render() {
     return (
         <div className="App">
            <Map/>
         </div>
     );
   }
}
export default App;

错误是:

./src/App.js
Line 8:  'Map' is not defined  react/jsx-no-undef

Search for the keywords to learn more about each error.

如何解决这个问题？

Answer 1

尝试使用

import Map from './Map';

当您使用import 'module'时，它只会将模块作为脚本运行。当您尝试将副作用引入全局 namespace 时，例如，这非常有用。 G。为旧版/不受支持的浏览器填充新功能。

ES6 模块允许定义默认导出和常规导出。当您使用语法 import defaultExport from 'module' 时，它将使用别名 defaultExport 导入该模块的默认导出。

有关 ES6 导入的进一步阅读 - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import