Реакция класса не экспортируется, и я не могу понять, почему?

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 './components/Coach/coachDashMain';

Answer 2

Вы используете именованный импорт: import { CoachDashMain } from '...', который выдает вышеуказанную ошибку, если только у вас нет export class CoachDashMain ... в этом файле.

Поскольку вы используете export default ..., вы должны импортировать его:

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