Ошибка при работе с React?

Question

[Константин]

Тренируюсь на React. Выдает ошибку

Failed to compile
src\components\app\app.js
Line 5:8: 'TopComponent' is not defined react/jsx-no-undef

Search for the keywords to learn more about each error.
This error occurred during the build time and cannot be dismissed.

В чем может быть проблема?

Answer 1

[Валерий]

Вы в App.js не ипортируете компонент

Answer 2

[approximate solution]

Line 5:8: 'TopComponent' is not defined react/jsx-no-undef

Что здесь написано? Перевели?


https://developer.mozilla.org/en-US/docs/Web/JavaS...

Comments

[Константин]

Нет, не прочитал. Нет, не перевел. Нет, не пытался больше часа найти ответ.

[approximate solution]

Константин Фетищев, Тогда у вас всё очень плохо с отладкой. Компонент правильно импортировали?

[Константин]

Не знаю. Я только начал практиковаться по Реакту

top-component.js
import React from 'react';

const TopComponent =() =>{
return(

Hi!
Text

)
}

**Там Hi и Text обернуты в div. Без понятия куда они делись

export default TopComponent;

index.js (расположенный в папке top-component)
import TopComponent from './top-component/';
export default TopComponent;

App.js
import React from 'react';
const App =()=>{
return(

)
}
export default App;

**здесь App возвращает TopComponent. Тоже не знаю куда делся при вставке

index.js (Конечный файл из которого все рендерится)
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './components/app/app.js';

ReactDOM.render( , document.getElementById('root'));

Структура проекта

[Валерий]

Вы в App.js не ипортируете компонент

[Константин]

Валерий, Да, действительно. Заработало. Спасибо большое