React导入无法引用错误

时间:2016-11-28 17:42:37

标签: reactjs ecmascript-6

导入另一个组件时,React失败了一些奇怪的错误。如果我删除App.js中的ChristmasMap引用,那么应用程序工作正常。但我想导入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(…)

1 个答案:

答案 0 :(得分:2)

你应该这样做:

import ChristmasMap from './ChristmasMap'