Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/react-native/7.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
Reactjs 不变冲突:元素类型无效:应为字符串(用于内置组件)或类/函数,但得到:未定义_Reactjs_React Native - Fatal编程技术网

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”),或者有时是错误的相对路径或节点模块(如本例)

出现此错误时,检查每个导入应该是调试的第一步