при импорте компонента возникла ошибка

Question

при импорте компонента возникает такая ошибка(см.скрин) в чем может быть дело?

import Header from './components/Нeader'

export function App() {
  return (
    <div>
      <Header />
      <main>
        <h1>Hello React</h1>
      </main>
    </div>
  )
}

export function Header() {
    return(
        <header>
            <h3>Result University</h3>
            <span>Тут будет время</span>
        </header>
    )
}

Answer 1

Не стоит путать обычный export и export default.

В приведённом коде вы экспортируете компонент следующим образом:

export function Header() {
    return(
        <header>
            <h3>Result University</h3>
            <span>Тут будет время</span>
        </header>
    )
}

Импортировать его тогда нужно так:

import { Header } from './components/Нeader'

Либо сделать так:

export default function Header() {}

import Header from './components/Нeader'

БЛОГ НА HUSL

при импорте компонента возникла ошибка

Ответы (1 шт):