JavaScript — исправить ошибку: компонент для маршрута «Домой» должен быть компонент React

Исправить ошибку: компонент для маршрута ‘Home’ должен быть компонентом React

Я думаю, что если вы измените эту строку:

 import { HomeScreen } from './screens/HomeScreen'; 

чтобы:

 import HomeScreen from './screens/HomeScreen'; 

(т.е. удаление скобок вокруг HomeScreen ), то это будет работать. Поскольку вы использовали export default в исходном файле компонента HomeScreen , вам не требуется деструктуризация при import . Это попытка получить доступ к переменной HomeScreen в компоненте, которая преобразуется в undefined и вызывает ошибку, которую вы видели.

Кроме того, вы можете удалить default по default из export default и сохранить import таким же. Я лично предпочитаю снимать скобки, так как код выглядит чище.

В этой строке также отсутствует закрывающая скобка:

 import { JoinScreen from './screens/JoinScreen'; 

Но я предположил, что это была опечатка;)

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector