[解決済み] React JS Error: is not defined react/jsx-no-undef

質問

を使って地図機能を開発しています。 ReactJS , マイ 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.

どうすればこの問題を解決できますか？

どのように解決するのですか？

を使ってみてください。

import Map from './Map';

を使用する場合 import 'module' は、モジュールをスクリプトとして実行するだけです。これは、グローバルな名前空間に副作用を導入しようとする場合に便利です。例えば、古いブラウザやサポートされていないブラウザのために新しい機能をポリフィルする場合などです。

ES6モジュールでは、デフォルトエクスポートと通常のエクスポートを定義することができます。という構文を使用すると import defaultExport from 'module' を指定すると、そのモジュールのデフォルトエクスポートを defaultExport というエイリアスでインポートします。

ES6 インポートの詳細については、こちらをご覧ください。 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import