代码之家  ›  专栏  ›  技术社区  ›  KAT

React类没有被导出,我不知道为什么?

  •  0
  • KAT  · 技术社区  · 6 年前

    import React, {Component} from 'react';
    import {HeaderAdmin} from '../headerAdmin';
    import {DashBoxes} from './dashBoxes';
    import {MetaData} from '../metaData';
    import {withRouter} from 'react-router-dom';
    
    class CoachDashMain extends Component {
    
        render() {
            return(
                <div>
                    <HeaderAdmin />
                    <DashBoxes />
                    <MetaData />
                </div>
                );
        }
    }
    
    export default withRouter(CoachDashMain);
    

    我得到的错误是 ./components/Coach/coachDashMain' does not contain an export named 'CoachDashMain'.

    在另一个文件中导入的内容如下:

    import {CoachDashMain} from './components/Coach/coachDashMain'
    
    2 回复  |  直到 6 年前
        1
  •  3
  •   Roy Wang    6 年前

    您正在使用命名导入: import { CoachDashMain } from '...' ,这会产生上述错误,除非 export class CoachDashMain ... 在那个文件里。

    因为你在使用 export default ... ,应通过以下方式导入:

    import CoachDashMain from '...'; // `CoachDashMain` can be renamed to anything
    
        2
  •  0
  •   Hitesh Chaudhari    6 年前

    当默认导出类时,在另一个文件中导入该类时不需要大括号。

    因此,您应该导入如下内容:

    import CoachDashMain from './components/Coach/coachDashMain';