Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript react native不会导入其他组件_Javascript_Reactjs_React Native_React Native Android - Fatal编程技术网

Javascript react native不会导入其他组件

Javascript react native不会导入其他组件,javascript,reactjs,react-native,react-native-android,Javascript,Reactjs,React Native,React Native Android,我有一个非常简单的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=

我有一个非常简单的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>
  );
}

从“React”导入React;
从“react native”导入{View};
从“Login.js”导入登录
导出默认函数App(){
返回(
{/*这是一个测试*/}
);
}
下面是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>
  )
}

从“React”导入React;
从“react native”导入{Text,View,Input};
常量用户=[
{
名称:“萨萨克”,
年龄:29,,
地址:“BG3”,
}
]
导出默认登录=()=>{
返回(
{用户[0]。名称}
密码
)
}
我得到的错误是
不变冲突:元素类型无效:需要字符串(对于内置组件)或类/函数(对于复合组件),但得到:对象。您可能忘记了从组件定义的文件中导出组件

我知道这是一个非常常见的错误,但我无法找到解决方法。有人能帮我吗

解决这个问题:

导出默认常量登录=()=>{
修复此问题:

导出默认常量登录=()=>{
Import语句错误 您的导入

从“Login.js”导入登录

正确的方法

如果它们在同一文件夹中,请使用此

从“/Login.js”导入登录名

如果它们位于不同的文件夹中,请使用此

从“/./”导入登录名/Login.js”

导入语句错误 您的导入

从“Login.js”导入登录

正确的方法

如果它们在同一文件夹中,请使用此

从“/Login.js”导入登录名

如果它们位于不同的文件夹中,请使用此


从“/./\u dirname/Login.js”导入登录名

我认为常量不能作为默认值导出。应用程序这么说。很抱歉,这不起作用。您可能是使用错误的路径导入组件,或者是我上面所说的。您也可以尝试默认导出函数而不是箭头函数,但如果删除
导出默认值
,则您的语句无效vaScript,这是我最好的猜测。就是这样。我使用intellisense导入,所以我认为导入时没有错误(我手动检查了)。我还使用react片段生成组件。我还负责何时使用命名导出与默认导出。即使我将entore组件放在同一页面中(因此,无需导入),它仍然给了我同样的错误,我几乎要发疯了。我正在使用expo,如果这有帮助的话,我认为常量不能作为默认值导出。应用程序是这样说的。抱歉,这不起作用。好吧,你要么是用错误的路径导入组件,要么是我上面说的。你也可以尝试默认导出一个我需要的函数nstead of arrow函数,但如果删除
导出默认值
则您的语句不是有效的JavaScript,因此这是我的最佳猜测。这就是问题所在。我正在使用intellisense导入,因此我认为导入时没有错误(我还是手动检查了)。我还使用react代码段生成组件。我负责何时使用命名导出与默认导出。即使我将entore组件放在同一页面中(因此,无需导入),它仍然给了我同样的错误,我几乎要发疯了。我正在使用expo,如果有帮助的话,Somg,我删除了这个项目,因为它不起作用,我不知道为什么,但非常感谢。这显然是我的疏忽。OMG,我删除了这个项目,因为它不起作用,我不知道为什么,但非常感谢你很多。这显然是我的疏忽。