不变违规：元素类型无效：期望字符串（用于内置组件）或类/函数，但得到：未定义

Question

我收到此错误：

不变违规：元素类型无效：期望字符串（用于内置组件）或类/函数，但得到：未定义

我看过其他解决方案，但没有一个能够工作

这是我的代码

      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>
        );
      }
    };

Answer 1

ActivityIndicator cator 是react-native的导出，没有react 。

改成这样：

import React, {
  Component,
  useState,
  useEffect,
} from "react";
import { View, Text, StyleSheet, ActivityIndicator } from "react-native";
import { ScreenContainer } from "react-native-screens";

将来，此错误几乎总是由不正确的导入造成的。 有时它是默认导入与命名导入的混合，有时导入是错误的（例如“Activityindicator”而不是“ActivityIndicator”），或者有时它是错误的相对路径或节点模块（就像在这种情况下）。

当您收到此错误时，检查每个导入应该是第一个调试步骤。