Question

我无法让这个反应类出口，我无法弄清楚原因。我在底部有导出类，一切都在扩展它应该的东西。是我的withRouter方法吗？

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'

Answer 1

您正在使用命名导入：import { CoachDashMain } from '...'，除非您在该文件中有export class CoachDashMain ...，否则会出现上述错误。

由于您使用的是export default ...，因此您应该按以下方式导入：

import CoachDashMain from '...'; // `CoachDashMain` can be renamed to anything

Answer 2

当您默认导出该类时，在将该类导入另一个文件时，您不需要花括号。

所以，你应该导入如下：

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

反应等级没有出口，我无法弄清楚为什么？

2 个答案: