React導入無法引用錯誤

Question

導入另一個組件時，React未能成爲一些奇怪的錯誤。如果我刪除App.js中的ChristmasMap引用，那麼應用程序工作正常。但我想導入聖誕地圖。任何幫助？

App.js

import React, { Component } from 'react'; 
import './ChristmasMap'; 

class App extends Component { 
    render() { 
    return (
     <div> 
     <p>asd</p> 
     <ChristmasMap /> 
     </div> 
    ); 
    } 
} 

export default App; 

ChristmasMap.js

import React, { Component } from 'react'; 

class ChristmasMap extends Component { 
    render(){ 
    return (
     <div> 
     component 
     </div> 
    ); 
    } 
}; 

export default ChristmasMap; 

而我得到的錯誤是App.js:56 Uncaught ReferenceError: ChristmasMap is not defined(…)

Answer 1

你應該這樣做：

import ChristmasMap from './ChristmasMap'