كيف يمكن معرفة الخيار الذي اختاره المستخدم ضمن المكون RadioGroup في ReactNative

Ahmed Kawbal · 24 ديسمبر 2022

لدي <Radio> و اريد معرفه بعد الضعط على Button الخص بالارسال ماهو الذي تم اخيار من بين الثلاثه للقيام بعمليه مختلفه عن الاخر

const radioButtonsData = [
 {
    id:'1',
    label: 'option1',
    value: 'option1'
},
{
    id: '2',
    label: 'Option2',
    value: 'option2'
},
{
    id:'3',
    label:'Option3',
    value: 'option3'
}
]
return (
<RadioGroup
                    layout="column"
                    radioButtons={radioButtonsData}
                    onPress={(value) => console.log(value)}
                />
)

تم التعديل في 24 ديسمبر 2022 بواسطة Hassan Hedr
توضيح العنوان

Hassan Hedr · 24 ديسمبر 2022

يمكنك البحث ضمن مصفوفة القيم التي تمرر للتابع onPress عن الكائن الذي يحوي على الخاصية selected بالقيمة true، ثم معالجة ذلك الكائن الذي هو أحد الكائنات ضمن المصفوفة radioButtons الممررة للمكون، لتصبح الشيفرة لديك كالتالي:

function handlePress(buttons) {
  const selected = buttons.find(button => button.selected);
  // معالجة الاختيار
}

<RadioGroup
  layout="column"
  radioButtons={radioButtonsData}
  onPress={handlePress}
/>

كيف يمكن معرفة الخيار الذي اختاره المستخدم ضمن المكون RadioGroup في ReactNative

السؤال

Ahmed Kawbal

1 جواب على هذا السؤال

Recommended Posts

Hassan Hedr

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

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية