タイトルは次のように書き換えられました: エラー: 無効な要素タイプ: 文字列 (組み込みコンポーネントの場合) またはクラス/関数 (複合コンポーネントの場合) が予期されましたが、未定義の要素タイプを取得しました
<p>React Native コードでこの問題を解決するにはどうすればよいですか?エラーは「エラー: 無効な要素タイプ: 期待された文字列 (組み込みコンポーネントの場合) またはクラス/関数 (複合コンポーネントの場合) ですが、未定義になりました。コンポーネントが定義されているファイルからコンポーネントをエクスポートするのを忘れている可能性があります。または、デフォルトのインポートと名前付きインポートが混同されている可能性があります。<code>TopNavigation</code> のレンダリング メソッドを確認してください。”</p>
<p>アプリケーションとマシンを再起動しようとしましたが、このエラーは解消されませんでした。誰かがこれを解決するのを手伝ってくれますか?</p>
<p>これは私たちの出力方法です：</p>
<pre class="brush:php;toolbar:false;">import { StyleSheet, View, Image } from 'react-native'
「react」から React をインポートします
'../../assets/Logo.png' からロゴをインポートします。
import { icons1, logo2 } から '../Styles/styles';
import { Ionicons } から 'react-native-vector-icons';
import { Entypo } から 'react-native-vector-icons';
デフォルトの TopNavigation = ({ ナビゲーション, ページ }) => をエクスポートします。 {
戻る （
<View style={page === 'ホーム' ?スタイル.コンテナ: {
flexDirection: '行',
alignItems: '中心',
justifyContent: 'スペース間の',
幅: '100%'、
パディング垂直: 10、
位置: '絶対'、
上: 0、
zインデックス: 100、
背景色: '黒'、
}}>
<エンティポ名="カメラ"サイズ = {24} カラー = "黒" style={icons1}
onPress={() =>ナビゲーション.ナビゲート('c')}
/>
{
ページ === 'ホーム' ? <画像ソース={ロゴ} スタイル={ロゴ2} /> :
<画像/>
}
{
ページ === 'プロフィール' &&
<Ionicons name="settings-sharp"
サイズ={24}
カラー=「ブラック」
style={styles.icons11}
onPress={() =>ナビゲーション.ナビゲート('設定')}
/>
}
</表示>
)
}</pre>
<p>このコンポーネントの使用方法:</p>
<code> '../../Components/TopNavigation' から TopNavigation に入ります;</code></p>
<p><コード> <TopNavigation Navigation={navigation} page={'home'} /></code></p>
<p>我的依赖项：</p>
<pre class="brush:php;toolbar:false;">"依存関係": {
"@react-native-async-storage/async-storage": "^1.17.11",
"@react-native-community/geolocation": "^3.0.5",
"@react-navigation/native": "^6.1.3",
"@react-navigation/native-stack": "^6.9.9",
"@shopify/フラッシュリスト": "^1.4.1",
"反応": "18.2.0"、
"リアクトネイティブ": "0.71.2"、
"react-native-gesture-handler": "^2.9.0",
"react-native-safe-area-context": "^4.5.0",
"反応ネイティブ画面": "^3.19.0",
"react-native-vector-icons": "^9.2.0"
}、</pre>
<pre class="brush:php;toolbar:false;">import { StyleSheet, View, StatusBar } from 'react-native';
import React, { useEffect, useState, useCallback } from 'react';
'../../Components/BottomNavigation' から BottomNavigation をインポートします。
'../../Components/TopNavigation' から TopNavigation をインポートします。
デフォルト関数をエクスポート Home({ ナビゲーション }) {
const [userdata, setUserdata] = useState(null);
AsyncStorage.getAllKeys()
.then((キー) => {
key.forEach((key) => {
AsyncStorage.getItem(キー)
.then((値) => {
console.log(`${key}: ${value}`);
})
.catch((エラー) => {
console.log(`キー ${key} のデータ取得エラー: ${error}`);
});
});
})
.catch((エラー) => {
console.log(`キー取得エラー: ${error}`);
});
戻る （
<スタイル={styles.container}を表示>
<ステータスバー />
<BottomNavigation ナビゲーション={ナビゲーション} ページ={'ホーム'} />
<TopNavigation ナビゲーション={navigation} ページ={'ホーム'} />
</表示>
);
}</pre></p>
