デフォルトでエクスポートが失敗しました。

Question

基本的には、accounts.jsにフッタークラスをレンダリングしようとしています。 （それは、ここで私が考える問題を解決することはできませんしながら、実際には拡張子は、.jsxのでなければなりません。）

まず私はaccounts.jsxでフッターをインポートします。

import React from "react"; 

import {Footer} from "../utils/footer.js"; 

import {SEEMIKO_LOGO} from "./const.js"; 

export default React.createClass({ 
    render: function() { 
    return (
     <div> 
      <div className="container"> 
      <div className="row login-div"> 
       <div className="col-lg-offset-2 col-lg-3" 
        style={{marginTop: '2vw'}}> 
       <img src={SEEMIKO_LOGO}/> 
       </div> 
       <div className="col-lg-offset-6"> 
       {this.props.children} 
       </div> 
      </div> 
      </div> 
      <Footer/> 
     </div> 
    ); 
    } 
}); 

その後、私は以下のfooter.js定義：

を

import React from "react"; 

// var Footer = React.createClass({ 
export default React.createClass({ 
    render: function() { 
    return (
     <footer className="footer"> 
      <div className="container"> 
      <p className="copyright" style={{color: "black"}}> 
       C 西米糕 Seemiko Inc. 2014 - Current. 浙XXXXX 
      </p> 
      <ul className="footer-links"> 
       <li> 
       <a href="#">用户反馈</a> 
       </li> 
       <li> 
       <a href="#">使用帮助</a> 
       </li> 
       <li> 
       <a href="#">关于我们</a> 
       </li> 
      </ul> 
      </div> 
     </footer> 
    ); 
    } 
}) 

// works 
// export {Footer}; 

export defaultをfooter.jsに使用すると奇妙なことですが失敗します。しかし、一度export Footerでvar Footerに切り替えると、すべて設定されます。何か案が？

ありがとうございました！

Answer 1

あなたはまた、デフォルトのインポートを使用する必要がデフォルトのエクスポートしている場合：

import Footer from '...';