أحمد عبد الله2

السلام عليكم هذا هو المطلوب منى فى هذا ال api Each API call after login must have an additional header: • “Authorization”: “Bearer {token}” where “{token}” should be replaced with returning access token from the login API. بفضل الله انا يمكننى الحصول على التوكن بشكل صحيح وجربته واستيطع الحصول على التوكن .. وعندما اقوم بادخال التوكن فى بوستمان فانه يعمل وياتينى ب data كلها .. لكن المشكلة فى رياكت ناتيف .. هو يعمل على بوست مان لاننى اعرف اين اضع التوكن لكن فى الريدكس اين اضعه ؟؟ هذا هو الكود export const getSessions = () => { // هذا توكن صحيح ويعمل على بوست مان const token = 'eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiIsImp0aSI6ImZjMGY5ZTY1NThjMDJiZDExNjNmNWNjNmExNjU1ZDEzMTY4ZmI1M2MzYzc1MmRiNzJkYmQ5ZTYyNDljMGI3ZjMxY2E3MWQ3OTJkNTJlNzY5In0.eyJhdWQiOiIzIiwianRpIjoiZmMwZjllNjU1OGMwMmJkMTE2M2Y1Y2M2YTE2NTVkMTMxNjhmYjUzYzNjNzUyZGI3MmRiZDllNjI0OWMwYjdmMzFjYTcxZDc5MmQ1MmU3NjkiLCJpYXQiOjE2MjE2MTE5NTMsIm5iZiI6MTYyMTYxMTk1MywiZXhwIjoxNjUzMTQ3OTUzLCJzdWIiOiI2MjUiLCJzY29wZXMiOltdfQ.YbBm2TlsbwIYL9s4GP0c-cO2MYAgo8Y4Y-R9bgEaZAtXRsfuryggN5sh97Bdr0dg5OZby5ubqqHZReIdxoXvqTsnX68mBaTMDDtFpvH_Zv_M3hWgq1a4PZKYxsrUftQP1Hn-2BQqSGCNJRPnzMzCn7HpBpaVHaTZWXpqjWyVxVoB2z_WWEjEaW_0MQR-AFAYlR8sILASzBXRsTmtpUHF_kCvLV-a74ILVR5z60_jk-fSmYVWbjrcCtxd-pquCHaBj2w4-SFXEtcW_n4OgdBXV0Od68X0CqXuecxIlDz9BURK5WKxIzTuwnQ_QB0aCdNc8_QEtYAoqUWuKykV6Zvrb2UyxNDOO865orB8XekcNCqYIDewMdVEAnJtSDCDiBq-RmDNlsTkQajIqkPitQmPKbyNsFdUUOMF4RsALBmEOKqOmvmZB3uioC0YI-gtcpdF5TwEXNyVP0xd1s7morYYfb1_rBodn_aC9amseed825fpjwPfcrAASTC66GYzN9jwtg9s52ZBghotH6YM2XaDwfYTG719vWnJ9BSQclH7aNKgsW9FLAIgCdCSEY6_-vCcX1c4FmNwRrmOBMiiB5vNJWPz4lGSQqr93jUKAL1ROrLPo3fuwJe7l6YvLsL34AveEubvl__qlOZg3oMzzp6_Lc0elcpYl92f6zdKXvSVFjg'; return async dispatch => { const response = await fetch( `https://katateeb-test.roqay.solutions/api/v2/get-sessions`, // ماذا اكتب هنا ؟؟ { method: 'POST', headers: { 'Content-Type': 'application/json', Authorization: `${token}`, }, body: JSON.stringify({ session_type: 1, }), }, ); if (!response.ok) { console.log('wrong'); } const resData = await response.json(); console.log(resData); dispatch({ type: GET_SESSIONS, }); }; };

لكنى احاول ان افعلها ب react native ..

السلام عليكم .. لكى يكون سؤالى مفهوم سوف اعرض مثال const data = { name:"mohamed", age:22 } <Text>{data.name}</Text> // هنا استطعت الوصول لاسم const data = { { name:"mohamed", age:22 } } // هنا لا اعرف كيف اصل للأسم !!

قمت بعملية post ناجحة وظهرت لى هذه ال res .. اريد ان اقوم بتخزين التوكن القادم من ال response const [Data, setData] = useState([]); const loginStudent = () => { axios .post('https://carna-test-app234/api/v2/login', { type: 3, method_type: 'email', email: 'student@app321.com', password: '123456', }) .then(res => { console.log(res.data); setData(res.data); }) .catch(err => console.log(err)); }; وهذه ال response تظهر لى .. كيف أخزن هذه ال response فى متغيريات ؟؟ انا اريد تخزين التوكن فما الحل ؟ { "user": { "id": 625, "name": "ahmed", "email": "teacher@app312.com", "phone": "87654321", "type": 2, "lang": "ar", "fcm_status": 1, "social": 0, "verified_at": null, "working_times": [], }, "token_type": "Bearer", "expires_at": "2022-05-21 20:15:27", "status": 200, "access_token": "eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiIsImp0aSI6IjUxMDZhNzNhZjRmZDg0NTliMjc4MTc2ZDZlNjE3NDU2MDg2NzViOWVlZjYyMDIyYTlhM2M1NWE5MzU1MzY1ZDEzZGFiODU3NDEyZGY4YzhhIn0.eyJhdWQiOiIzIiwianRpIjoiNTEwNmE3M2FmNGZkODQ1OWIyNzgxNzZkNmU2MTc0NTYwODY3NWI5ZWVmNjIwMjJhOWEzYzU1YTkzNTUzNjVkMTNkYWI4NTc0MTJkZjhjOGEiLCJpYXQiOjE2MjE2MjA5MjcsIm5iZiI6MTYyMTYyMDkyNywiZXhwIjoxNjUzMTU2OTI3LCJzdWIiOiI2MjUiLCJzY29wZXMiOltdfQ.tvDMG3sNjL7g9FhXM7CfFQ7obXT_SU6NOSvqx09WOOWnd8ciPkRa1QtTcNVhU5uDpmEIqihzB88ojLbFi1PSqpFiIDv1yYsasTOrmnshpWJ7vZlRWOYcUPXWcy3sKEw2BNxqPpD270nrTgsf6vn_BtcQlGKL-eejuPoyXXj9cbU5uZZRfxE151QtiVr4Hfsde-33UqT5fmJVvJr-IkJxfUmmUrT2h98FHjJn7rHxqGwIYmH9TcMF99P-WwPw-8t6d_dFQBajiZOtLtmBvC_OHvSItDV1nmWoAVqRfNOAVZ25tHhu8F9ZmSXUTZPKCrZoqC7RKSXrrOWNEiF1r9Oi6x5-5SEoJm5FGHh1pXgDgUmPkIkR1B6jPEUMQMZ7suX5cFSRKP6M8wIAHxrZgaArPGF2gxrF9Rl-tFWjw4AK-byJzphNxr6utcsNqMEnYwCIupHykOiXwZwxBYJt9oFNHcAs6LArgsg0sas1zuTsCowBrNxtqehBgKvaNLQknmID6MmUxuGa7IADp-cytzZdCem9D4ztZUvTCBPku0mpGEC1WabYAtLq6OaTuf18mBfVlmw9yWgbdyPm3DH6DmbGy3FDa9Eqv7cAT2bNnVlLC_kyhCFd2-wG0waWbvY-4qKkIxwj5zXLmNOmg6alWO7dvL63jYEZOxHfYsXNThdtepw" }

ما هو ال header الخاص ب api وما وظيفته ؟؟ هل المكتبة axios تدعم ال headers المذكورة هنا ؟؟ رجاء اريد شرح المطلوب هنا Each API call must have the following headers: • “Accept”: “application/json”. • “Content-Type”: for normal requests “application/json; charset=UTF-8” and for upload records requests “multipart/form-data; charset=UTF-8”. • “Accept-Language”: “ar”. Each API call after login must have an additional header: • “Authorization”: “Bearer {token}” where “{token}” should be replaced with returning access token from the login API.

قدمت فى شركة وطلبت منى ان اقوم بعمل UI كاختبار .. وفى مهمة الاختبار بفضل الله فهمت البنود ماعدا هذا 7) The app should support localization for UI (Arabic - English). انا لا اعلم ما المقصود بهذا .. طلبو منى ان قوم بعمل هذا فى التطبيق وانا لا افهم ما المطلوب منى .. رجاء اريد ان اعرف ما المقصود بهذا البند وشكرا مقدما .

السلام عليكم ورحمة الله .. ما الفرق بين Calling a function وpassing a reference ؟؟ كلمتان اسمعهما كثيرا فى كورس موش حمدانى .. ولا اعرف ما الفرق .. انا اعرف ان عندما أضع () فانى هكذا استدعى الفانكشن واعرف ما معنى استدعاء الفانكشن .. ولكن لا افهم ما معنى passing a reference لها ؟؟

السلام عليكم .. عندما أكتب هذا الامر لاسطب react navigation npm install react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view فان هذا الخطأ يظهر هذه اول مرة تحدث لى

السلام عليكم .. انا استخدم API للتدرب عليه لكن هذا ال API يحتوى على عدد مهول من البيانات والتى تاخذ وقت وتبطئ التطبيق .. أنا اريد ان اعرض فقط مثلا 50 items من هذا الاى بى اى وليس الداتا كلها .. أقصد مثلا الاى بى اى يحتوى على array داخلها 10000 object .. أنا اريد ان اعرض فقط 50 object فقط وليس ال 10000 .. أريد ان اعرضها داخل FlatList .. ما هى ال props او ال methods التى تدعمها ال FlatList لاقوم بعمل render لعدد محدد من ال objects ؟؟ هذا هو ال API الكبير جدا .. https://jsonplaceholder.typicode.com/photos

شكرا جزيلا أخى .. الكود صار اجمل بكثير

السلام عليكم انا استخدم هذا الكود لاطبق هذه النتيجة .. لكنى اشعر بانه اطول مما يجب كيف أقوم باختصار هذا الكود مع انه 89 سطر لكنى متاكد من انه يمكنن تقليله .. بالتاكيد هناك طريقة لاختصاره >> React Native import React, { useState, useEffect } from "react"; import { FlatList, StyleSheet, View, Text } from "react-native"; import axios from "axios"; function App() { const [data, setData] = useState([]); useEffect(() => { getPhotos(); }, []); function getPhotos() { axios .get("https://jsonplaceholder.typicode.com/photos") .then(async function (response) { setData(response.data); }) .catch((err) => console.error(err)); } const [user, setUser] = useState(1); const newData = data.filter((e) => e.albumId === user); console.log(newData); return ( <View style={styles.con}> <View> {/* من أول هنا تبدأ المشكلة .. أريد ان انظف الكود */} <Text style={ user === 1 ? { backgroundColor: "red" } : { backgroundColor: "aqua" } } onPress={() => setUser(1)} > user one </Text> <Text style={ user === 2 ? { backgroundColor: "red" } : { backgroundColor: "aqua" } } onPress={() => setUser(2)} > user Two </Text> <Text style={ user === 3 ? { backgroundColor: "red" } : { backgroundColor: "aqua" } } onPress={() => setUser(3)} > user 3 </Text> <Text style={ user === 4 ? { backgroundColor: "red" } : { backgroundColor: "aqua" } } onPress={() => setUser(4)} > user 4 </Text> </View> <FlatList data={newData} keyExtractor={(item) => item.id.toString()} renderItem={({ item }) => ( <View> <Text>{item.albumId}</Text> <Text>{item.title}</Text> </View> )} /> </View> ); } const styles = StyleSheet.create({ con: {}, }); export default App;