كيفية عرض اجابة متغيرة عن طريق Alert في React native

Belkacem Rezzouk · 1 سبتمبر 2021

السلام عليكم اخوتي

من فضلكم

صنعت تطبيق Quiz
اريد عرض الجواب في حالة الاجابة الخاطئة :

الكود :

{

      qustion: "من هي ام الرسول صلى الله عليه وسلم؟",

      proposition: [

        {

          answer: " عائشة بنت أبي بكر",

          isCorrect: false,

          

        },

        {

          answer: "حليمة السعدية  ",

          isCorrect: false,

        },

        {

          answer: "خديجة بنت خويلد",

          isCorrect: false,

        },

        {

          answer: "آمنة بنت وهب  ",

          isCorrect: true,

        },

      ],

    },







onPress={() => {

                  if (item.isCorrect) {

                    Alert.alert(

                      " إجابةصحيحة", " أحسنت ");

                    setCounter(counter + 1);

                    // move to next qustion :

                  } else {

                    Alert.alert(

                      " إجابةخاطئة", "الاجابة الصحيحة هي :  ",)

                  }

                  MoveToNextQustion();

                }}

شرف الدين حفني · 1 سبتمبر 2021

يمكنك وضع الاجابة الصحيحة في الalert ما المشكلة التي تقابلك؟

Salah Eddin Beriani2 · 1 سبتمبر 2021

مرحبا يمكنك استخدام find لتجلب الإجابة الصحيحة بهذه الطريقة ثم عرضها للمستخدم


Alert.alert(`: الاجابة خاطئة والاجابة الصحيحة هي ${proposition.find(q => q.isCorrect === true).answer}`)

بالطبع لا تنسى ان تدخل لل proposition من الكائن الذي أنشاته

Belkacem Rezzouk · 1 سبتمبر 2021

سأعطيك مثال
لديك سِؤالين

كل سؤال له اجابته الخاصة
في حين أخطأت لديك اجابتين
الاجابة الاولى
الاجابة الثانية

كيف تقوم باظهار اجابة كل سِؤل؟

بتاريخ الآن قال Salah Eddin Berriani:
مرحبا يمكنك استخدام find لتجلب الإجابة الصحيحة بهذه الطريقة ثم عرضها للمستخدم
Alert.alert(`: الاجابة خاطئة والاجابة الصحيحة هي ${proposition.find(q => q.isCorrect === true).answer}`)

               
بالطبع لا تنسى ان تدخل لل proposition من الكائن الذي أنشاته

لا اعلم تحديدا ما أكتبه مكان proposition
ممكن ان تساعدني أكثر من فضلك

Salah Eddin Beriani2 · 1 سبتمبر 2021

بتاريخ 11 دقائق مضت قال Nassim Kq:

سأعطيك مثال
لديك سِؤالين

كل سؤال له اجابته الخاصة
في حين أخطأت لديك اجابتين
الاجابة الاولى
الاجابة الثانية

كيف تقوم باظهار اجابة كل سِؤل؟

لا اعلم تحديدا ما أكتبه مكان proposition
ممكن ان تساعدني أكثر من فضلك

أخي لديك كائن يحتوي على سؤال مثلا

const question = {

      qustion: "من هي ام الرسول صلى الله عليه وسلم؟",

      proposition: [

        {

          answer: " عائشة بنت أبي بكر",

          isCorrect: false,

          

        },

        {

          answer: "حليمة السعدية  ",

          isCorrect: false,

        },

        {

          answer: "خديجة بنت خويلد",

          isCorrect: false,

        },

        {

          answer: "آمنة بنت وهب  ",

          isCorrect: true,

        },

      ],

    }

اذا يمكنك استخدام question للدخول لل proposition array و جلب الاجابة ال صحيحة بالفلترة

Alert.alert(`: الاجابة خاطئة والاجابة الصحيحة هي ${question.proposition.find(q => q.isCorrect === true).answer}`)

أما اذا كانت لديك قائمة أسئلة فتحتاج index الخاص بالسؤال

Alert.alert(`: الاجابة خاطئة والاجابة الصحيحة هي ${question[i].proposition.find(q => q.isCorrect === true).answer}`)

Belkacem Rezzouk · 1 سبتمبر 2021

بتاريخ الآن قال Salah Eddin Berriani:

أخي لديك كائن يحتوي على سؤال مثلا


const question = {

      qustion: "من هي ام الرسول صلى الله عليه وسلم؟",

      proposition: [

        {

          answer: " عائشة بنت أبي بكر",

          isCorrect: false,

          

        },

        {

          answer: "حليمة السعدية  ",

          isCorrect: false,

        },

        {

          answer: "خديجة بنت خويلد",

          isCorrect: false,

        },

        {

          answer: "آمنة بنت وهب  ",

          isCorrect: true,

        },

      ],

    }

اذا يمكنك استخدام question للدخول لل proposition array و جلب الاجابة ال صحيحة بالفلترة


Alert.alert(`: الاجابة خاطئة والاجابة الصحيحة هي ${question.proposition.find(q => q.isCorrect === true).answer}`)

لم تعمل معي

Salah Eddin Beriani2 · 1 سبتمبر 2021

بتاريخ 4 دقائق مضت قال Nassim Kq:

لم تعمل معي

في الصورة فوق بعد QustionHolder ضع علامة استفهام هكذا.....

QustionHolder?.proposition?.find

Belkacem Rezzouk · 1 سبتمبر 2021

بتاريخ الآن قال Salah Eddin Berriani:

في الصورة فوق بعد QustionHolder ضع علامة استفهام هكذا.....

QustionHolder?.proposition?.find

نعم ضهرت لي الرسالة لكن undifined

Salah Eddin Beriani2 · 1 سبتمبر 2021

بتاريخ 3 دقائق مضت قال Nassim Kq:

نعم ضهرت لي الرسالة لكن undifined

نعم لقد نظرت لquestionHOlder ووجدت انه array لذا لا يمكنك فعل ذلك سيتحتم عليك معرفة index الخاص بالسؤال ليمكنك جلب السؤال ثم الاكمال يعني هكذا

[0]QustionHolder مثلا هو السؤال الاول

[1]QustionHolder هو السؤال الثاني

أنت الآن لابد أنه لديك طريقة لمعرفة ذلك الرقم استخدمه لجلب السؤال وبعدها سيمكنك الدخول الإجابات وفلترتها وسيكون هذا التغيير الأخير في الشيفرة التي كتبتها

Belkacem Rezzouk · 1 سبتمبر 2021

بتاريخ الآن قال Salah Eddin Berriani:

نعم لقد نظرت لquestionHOlder ووجدت انه array لذا لا يمكنك فعل ذلك سيتحتم عليك معرفة index الخاص بالسؤال ليمكنك جلب السؤال ثم الاكمال يعني هكذا

[0]QustionHolder مثلا هو السؤال الاول

[1]QustionHolder هو السؤال الثاني

أنت الآن لابد أنه لديك طريقة لمعرفة ذلك الرقم استخدمه لجلب السؤال وبعدها سيمكنك الدخول الإجابات وفلترتها وسيكون هذا التغيير الأخير في الشيفرة التي كتبتها

نعم شكرااا اخي جزاك الله خيرا

كيفية عرض اجابة متغيرة عن طريق Alert في React native

السؤال

Belkacem Rezzouk

9 أجوبة على هذا السؤال

Recommended Posts

شرف الدين حفني

Salah Eddin Beriani2

Belkacem Rezzouk

Salah Eddin Beriani2

Belkacem Rezzouk

Salah Eddin Beriani2

Belkacem Rezzouk

Salah Eddin Beriani2

Belkacem Rezzouk

انضم إلى النقاش

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية