Reactjs 不变冲突:元素类型无效:应为字符串(用于内置组件)或类/函数,但得到:未定义
我得到这个错误: 不变冲突:元素类型无效:需要字符串(用于内置组件)或类/函数,但得到:未定义 我曾研究过其他解决方案,但没有一个能奏效 这是我的密码Reactjs 不变冲突:元素类型无效:应为字符串(用于内置组件)或类/函数,但得到:未定义,reactjs,react-native,Reactjs,React Native,我得到这个错误: 不变冲突:元素类型无效:需要字符串(用于内置组件)或类/函数,但得到:未定义 我曾研究过其他解决方案,但没有一个能奏效 这是我的密码 import React, { Component, useState, useEffect, ActivityIndicator, } from "react"; import { View, Text, StyleSheet } from "react-native"
import React, {
Component,
useState,
useEffect,
ActivityIndicator,
} from "react";
import { View, Text, StyleSheet } from "react-native";
import { ScreenContainer } from "react-native-screens";
export const Home = () => {
const [isLoading, setisLoading] = useState(true);
const [dataSource, setdataSource] = useState(null);
useEffect(() => {
return fetch("https://facebook.github.io/react-native/movies.json")
.then((response) => response.json())
.then((responseJson) => {
setisLoading(false), setdataSource(responseJson.movies);
});
});
if (isLoading) {
return (
<View>
<ActivityIndicator />
</View>
);
} else {
let moviest = dataSource.map((val, key) => {
return (
<View key={key}>
<Text>{val.title}</Text>
</View>
);
});
return (
<ScreenContainer style={styles.container}>
<View>
<Text>These are the movies</Text>
{moviest}
{/* <Apiusers2 /> */}
</View>
</ScreenContainer>
);
}
};
import-React{
组成部分,
useState,
使用效果,
活动指示器,
}从“反应”;
从“react native”导入{View,Text,StyleSheet};
从“react native screens”导入{ScreenContainer};
export const Home=()=>{
const[isLoading,setisLoading]=useState(true);
const[dataSource,setdataSource]=useState(null);
useffect(()=>{
返回取回(“https://facebook.github.io/react-native/movies.json")
.then((response)=>response.json())
.然后((responseJson)=>{
setisLoading(false)、setdataSource(responseJson.movies);
});
});
如果(孤岛加载){
返回(
);
}否则{
让moviest=dataSource.map((val,key)=>{
返回(
{val.title}
);
});
返回(
这些是电影
{moviest}
{/* */}
);
}
};
是react native
的导出,而不是react
更改为:
import-React{
组成部分,
useState,
使用效果,
}从“反应”;
从“react native”导入{View,Text,StyleSheet,ActivityIndicator};
从“react native screens”导入{ScreenContainer};
将来,此错误几乎总是由不正确的导入导致的。有时它是默认导入与命名导入的混合,有时导入的大小写错误(“例如,Activityindicator”而不是“Activityindicator”),或者有时是错误的相对路径或节点模块(如本例)
出现此错误时,检查每个导入应该是调试的第一步