Javascript react native不会导入其他组件
我有一个非常简单的react本机应用程序,目前只有两个屏幕,一个app.js和一个login.js 在设置此应用程序时,我希望在应用程序组件中显示登录组件 下面是app.js组件的外观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=
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,我删除了这个项目,因为它不起作用,我不知道为什么,但非常感谢你很多。这显然是我的疏忽。