Bagaimanakah saya boleh menyelesaikan masalah ini dalam kod React Native saya? Ralat berbunyi "Ralat: Jenis elemen tidak sah: rentetan jangkaan (untuk komponen terbina dalam) atau kelas/fungsi (untuk komponen komposit), tetapi tidak dapat ditentukan. Anda mungkin terlupa untuk mengeksport komponen daripada fail di mana ia ditakrifkan, atau Mungkin terdapat kekeliruan antara import lalai dan dinamakan Sila semak kaedah pemaparan TopNavigation.”
Saya cuba memulakan semula aplikasi dan mesin tetapi ralat ini tidak hilang, bolehkah sesiapa membantu saya membetulkannya?
这是我的导出方式：
import { StyleSheet, View, Image } daripada 'react-native' import React daripada 'react' import logo daripada '../../assets/Logo.png'; import { icons1, logo2 } daripada '../Styles/styles'; import { Ionicons } daripada 'react-native-vector-icons'; import { Entypo } daripada 'react-native-vector-icons'; eksport lalai TopNavigation = ({ navigasi, halaman }) => { kembali ( navigation.navigate('c')} /> { halaman === 'rumah' ? navigation.navigate('settings')} /> } ) } 这是如何使用该组件的：
我的依赖项：
"dependencies": { "@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/flash-list": "^1.4.1", "bertindak balas": "18.2.0", "react-asli": "0.71.2", "pengendali-isyarat-bertindak balas": "^2.9.0", "konteks-kawasan-selamat-asli-bertindak": "^4.5.0", "skrin asli bertindak balas": "^3.19.0", "ikon-vektor-react-native": "^9.2.0" }, import { StyleSheet, View, StatusBar } daripada 'react-native'; import React, { useEffect, useState, useCallback } daripada 'react'; import BottomNavigation daripada '../../Components/BottomNavigation'; import TopNavigation daripada '../../Components/TopNavigation'; eksport fungsi lalai Laman Utama({ navigasi }) { const [data pengguna, setUserdata] = useState(null); AsyncStorage.getAllKeys() .then((keys) => { keys.forEach((key) => { AsyncStorage.getItem(key) .then((nilai) => { console.log(`${key}: ${value}`); }) .catch((error) => { console.log(`Ralat mengambil data untuk kunci ${key}: ${error}`); }); }); }) .catch((error) => { console.log(`Ralat mengambil kunci: ${error}`); }); kembali ( ); }
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Saya rasa terdapat masalah dalam kod komponen TopNavigation.
Saya mencuba kod yang sama dalam codesandbox dan masalahnya nampaknya adalah dengan komponen Entypo.
Cuba alih keluar penggunaan komponen Entypo dan gunakan penyelesaian lain dan bukannya Entypo.
Cuba penyelesaian di bawah, harap ia berkesan untuk anda.
Contohnya:
import { StyleSheet, View, Image } from 'react-native' import React from 'react' import logo from '../../assets/Logo.png'; import { icons1, logo2 } from '../Styles/styles'; import { Ionicons } from 'react-native-vector-icons'; import { Entypo } from 'react-native-vector-icons'; export default TopNavigation = ({ navigation, page }) => { return ( { page === 'home' ? navigation.navigate('settings')} /> } ) }