كيفيه جعل map عكسيه في ReactNative

أنا سعيد لأنك استطعت حل المشكلة السابقة قبل أن أجيبك على سؤالك في المرة الثانية 

الآن بالنسبة لعكس المكونات أو الترتيب العكسي تستطيع فعل التالي:

myArray.slice(0).reverse().map(function(...

هذا الكود سوف يعكس المصفوفة الجديدة , فتستطيع تطبيقها على مصفوفتك 

إنك تقوم بتطبيق ال map على مصفوفة من الملاحظات، بالتالي هناك حلان:

1. أن تقوم من البداية بإضافة الملاحظات الجديدة في بداية المصفوفة بدلاً من نهايتها.
2. أن نقوم بعكس المصفوفة قبل تطبيق map عليها.

الطريقة الأولى سيئة من ناحية أن الإضافة في بداية المصفوفة يكون له تعقيد كبير، حيث أنه في كل مرة يجب إزاحة كافة العناصر، و هذا سيؤثر على الأداء عند وجود عدد كبير من الملاحظات، لكن أعتقد في مثل هكذا تطبيق بشكل عام لا يكون عدد الملاحظات كبيراً بشكل كاف حتى يؤثر على الأداء.

الطريقة الثانية سيئة من ناحية أنه عليك إما صنع نسخة من المصفوفة قبل عكسها، أو عكس المصفوفة الأصلية و من ثم إعادتها بعد ذلك.

بتاريخ 20 ساعات قال Nagmar ناجمار:

أنا سعيد لأنك استطعت حل المشكلة السابقة قبل أن أجيبك على سؤالك في المرة الثانية 

الآن بالنسبة لعكس المكونات أو الترتيب العكسي تستطيع فعل التالي:

myArray.slice(0).reverse().map(function(...

هذا الكود سوف يعكس المصفوفة الجديدة , فتستطيع تطبيقها على مصفوفتك 

نعم تم ذالك  ولاكن عند كل مره اقوم باعاده التشغيل للتطبيق والدخول للشاشه لعرض الملاحظات يتم ظهور الخطا هاذا مره واحده فقط عند كل اعاده تشغيل للتطبيق

بتاريخ 18 دقائق مضت قال ahmedkawbal:

نعم تم ذالك  ولاكن عند كل مره اقوم باعاده التشغيل للتطبيق والدخول للشاشه لعرض الملاحظات يتم ظهور الخطا هاذا مره واحده فقط عند كل اعاده تشغيل للتطبيق

 

في React Native أو React عموما فعند إستعمال دالة ال map فيجب عليك استعمال key لكي يتم تعريف كل مكون يعود من الmap برقم 

مثلا:

const listItems = numbers.map((number, index) =>
<div key={index}>
	<li>{number}</li>
 </div>
);

أولا أقوم بإضافة index داخل دالة ال map ثم إعطائك الأب نفس القيمة كما في المثال السابق 

نقوم بهذه العملية عند استعمال map