اذهب إلى المحتوى
  • 0

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

Ahmed Kawbal

السؤال

لدي <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)}
                />
)

 

تم التعديل في بواسطة Hassan Hedr
توضيح العنوان
رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 0

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

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

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

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

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

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...