React Native 不会导入另一个组件

Question

我有一个非常简单的 React 本机应用程序，它现在只有两个屏幕，一个 app.js 和一个 login.js

在设置此应用程序时，我想在应用程序组件内显示登录组件。

下面是 app.js 组件的样子。

import React from 'react';
import {  View } from 'react-native';
import Login from "login.js"

export default function App() {
  return (
    <View style={styles.container}>
      <Login > </Login>
      {/* <Text>This is a test</Text> */}
    </View>
  );
}

这是 login.js 的样子

import React from 'react';
import { Text, View, Input } from 'react-native';

const users = [
  {
    name: "Sarthak",
    age: 29,
    address: "BG3",
  }
]


export default Login = () => {
  return (
    <View>
    <View>
  <Text>{users[0].name}</Text>
      <Input></Input>
    </View>
    <View>
      <Text>Password</Text>
      <Input></Input>
    </View>
</View>
  )
}

我得到的错误是这样的 Invariant Violation: Element type is invalid: expected a string( for built-in components) or a class/function (for composite components) but got: object. You likely forgot to export your component from the file it's defined in

我知道这是一个很常见的错误，但我找不到解决方法。有人可以帮我吗？

Answer 1

解决这个问题：

export default const Login = () => {

Answer 2

导入语句错误

您的导入

import Login from "login.js

正确的方法

如果它们在同一个文件夹中，使用这个

import Login from "./login.js"

如果它们在不同的文件夹中，使用这个，

import Login from "./../_dirname/login.js"

React Native 不会导入另一个组件

react native wont import another component

javascript

reactjs

react-native

react-native-android

导入语句错误