错误:元素类型无效:应为字符串(用于内置组件)请检查"App"的呈现方法

Question

我面临以下错误，我不知道为什么会得到它，请帮助！

错误：元素类型无效：应为字符串(用于内置组件(或类/函数(用于复合组件(，但得到：未定义。您可能忘记了从中定义的文件导出组件，或者您可能混淆了默认导入和命名导入。

Check the render method of `App`.

以下是我的app.js文件

import React, { useState } from "react";
import { NavigationContainer } from "@react-navigation/native";
import { AppLoading } from "expo";
import navigationTheme from "./app/navigation/navigationTheme";
import AppNavigator from "./app/navigation/AppNavigator";
import OfflineNotice from "./app/components/OfflineNotice";
import AuthNavigator from "./app/navigation/AuthNavigator";
import AuthContext from "./app/auth/context";
import authStorage from "./app/auth/storage";
export default function App() {
const [user, setUser] = useState();
const [isReady, setIsReady] = useState(false);
const restoreUser = async () => {
const user = await authStorage.getUser();
if (user) setUser(user);
};
if (!isReady)
return (
<AppLoading startAsync={restoreUser} onFinish={() => setIsReady(true)} />
);
return (
<AuthContext.Provider value={{ user, setUser }}>
<OfflineNotice />
<NavigationContainer theme={navigationTheme}>
{user ? <AppNavigator /> : <AuthNavigator />}
</NavigationContainer>
</AuthContext.Provider>
);
}

在此处输入图像描述

Answer 1

正如我前面的另一个人回答的那样，添加双重否定，但不是像他描述的那样，而是使用我的例子。

if (!isReady)
return (
<AppLoading startAsync={restoreUser} onFinish={() => setIsReady(true)} />

并将其做成这样：

if (!!isReady)
return (
<AppLoading startAsync={restoreUser} onFinish={() => setIsReady(true)} />

请告诉我这是否修复了错误。

谢谢。