Модуль не найден: не удается разрешить './components', пока импортируется несколько компонентов функции

Question

Как я могу импортировать несколько функциональных компонентов из одной папки в реагировать родной? например Auth и Home компонент. это мой код:

import React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';
import Auth from "./components/Auth"
import Home from "./components/Home"

const Stack = createStackNavigator()

export default function App() {
  return (
  <NavigationContainer>
    <Stack.Navigator>
      <Stack.Screen name="Auth" component={Auth} />
      <Stack.Screen name="Home" component={Home} />
    </Stack.Navigator>
  </NavigationContainer>
  );
}

это то, что я пытался:

import {Auth, Home} from "./components"

я получаю эту ошибку: Модуль не найден: не удается разрешить './components'

Answer 1

для этого вы должны создать новый файл, например components/index.js, затем импортировать компоненты и экспортировать их так:

import Auth from "./Auth"
import Home from "./Home"

const components = {
   Home: Home,
   Auth: Auth
}
export components

для использования компонентов в основном файле (app.js) компоненты можно импортировать следующим образом:

import { Home, Auth } from './components'