Abdelrahman Mostafa10 نشر 25 ديسمبر 2023 أرسل تقرير مشاركة نشر 25 ديسمبر 2023 عند تشغيل مشروع React Native الخاص بي حصلت على الخطأ: Element type is invalid: expected a string (for built-in components) or a class/function but got: object لكن تفقدت المكون ويتم تصديره بشكل صحيح ودالة return صحيحة أي المكونات بداخل مكون واحد، فما المشكلة التي تمنع عرض ذلك المكون؟ import React, { useState, useEffect } from 'react'; import { ScrollView, KeyboardAvoidingView } from 'react-native'; import AsyncStorage from '@react-native-async-storage/async-storage'; import axios from '../config/axios'; import { SIGNIN_URL } from '../config/urls'; import Input from '../components/Input'; import Button from '../components/Button'; import ScreenTitle from '../components/ScreenTitle'; import Loader from '../components/Loader'; import Alert from '../components/Alert'; import Container from '../components/Container'; import styles from './styles/authStyles'; function SignInScreen() { const [email, setEmail] = useState(''); const [password, setPassword] = useState(''); const [Loading, setLoading] = useState(false); const [Alert, setAlert] = useState({messages: null, type: ''}); useEffect(() => { const timer = setTimeout(() => { setAlert({ messages: null }); }, 3000); return () => clearTimeout(timer); }, [alert.messages]); const changeEmailHandler = (value) => { setEmail(value); } const changePasswordHandler = (value) => { setPassword(value); } const validate = () => { let validationErrors = []; let passed = true; if(!email) { validationErrors.push('الرجاء ادخال البريد الإلكتروني'); passed = false; } if(!password) { validationErrors.push('الرجاء ادخال الرقم السري'); passed = false; } if (validationErrors.length > 0) { setAlert({ messages: validationErrors, type: 'danger' }); } return passed; } _signIn = () => { (async() => { if(!validate()) return; setLoading(true); try{ const response = await axios.post(SIGNIN_URL, {email, password}); setLoading(false); setEmail(''); setPassword(''); AsyncStorage.setItem('accessToken', response.data.accessToken); }catch(e){ setLoading(false); setAlert({messages: e.response.data.messages, type: 'danger'}); } })(); } return( <Container> <Loader title="جاري إنشاء حساب جديد" loading={isLoading}/> <Alert messages={alert.messages} type={alert.type}/> <ScrollView contentContainerStyle = {{paddingVertical: 40}}> <KeyboardAvoidingView behavior='panding' enabled> <Input placeholder='البريد الإلكتروني' value={email} onChangeText={changeEmailHandler} /> <Input placeholder='الرقم السري' value={password} onChangeText={changePasswordHandler} secureTextEntry /> <Button text={دخول} onPress={_signIn}/> </KeyboardAvoidingView> </ScrollView> </Container> ) } export default SignInScreen; mobile.rar اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
السؤال
Abdelrahman Mostafa10
عند تشغيل مشروع React Native الخاص بي حصلت على الخطأ:
Element type is invalid: expected a string (for built-in components) or a class/function but got: object
لكن تفقدت المكون ويتم تصديره بشكل صحيح ودالة return صحيحة أي المكونات بداخل مكون واحد، فما المشكلة التي تمنع عرض ذلك المكون؟
mobile.rar
رابط هذا التعليق
شارك على الشبكات الإجتماعية
0 أجوبة على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.