Нижний колонтитул "не экспортируется из" ./components/footer/Footer "

Question

Когда команда запуска npm возвращает ошибку, указанную ниже, я импортирую файл /components/footer/Footer.js в файл /src/index.js

//ERRO Failed to compile.

. / src / components / register / Register. js Попытка ошибки импорта: «Нижний колонтитул» не экспортируется из «../footer/Footer'

//Footer.js

    import React from "react";

    export default class Footer extends React.Component {
      render() {
        return (
          <footer className="footer">
          <div>
            <p> Snef Brasil </p>
          </div>
        </footer>
        );
      };
    }

//index.js

import React  from 'react'
import ReactDOM from 'react-dom'
import './index.css'
import App from './components/app/App'
import {Footer} from './components/footer/Footer'
import {Header} from './components/header/Header'


ReactDOM.render(
   <App />,
   <Footer />,
   <Header />,
   document.getElementById('root'))

»

Answer 1

Вы должны использовать

import Footer from './components/footer/Footer';

, поскольку это экспорт по умолчанию.

Кроме того, ваш вызов рендеринга должен быть

const app = (
<div>
    <App />
    <Footer />
    <Header />
</div>
);
ReactDOM.render(
   app,
   document.getElementById('root'));

Кажется, еще одна вещь Ваша проблема может быть связана с Register компонентом, а не с этим.