<אופציה>
רכיב הדפדפן המובנה <option> אפשרות לרנדר אפשרות בתוך תיבת <select>.
<select>
<option value="someOption">Some option</option>
<option value="otherOption">Other option</option>
</select>הפניה
<option>
רכיב הדפדפן המובנה <option> אפשרות לרנדר אפשרות בתוך תיבת <select>.
<select>
<option value="someOption">Some option</option>
<option value="otherOption">Other option</option>
</select>אבזרים
<option> תומך בכל מאפייני האלמנט הנפוצים.
בנוסף, <option> תומך ב-props האלה:
disabled: ערך בוליאני. אםtrue, לא ניתן לבחור באפשרות היא תוצג מעומעמת.label: מחרוזת. מציינת את המשמעות אפשרות. אם לא הוגדרה, ישמש הטקסט שבתוך אפשרות.value: הערך שישמש בעת שליחת טופס ה-<select>ההורה אם זו נבחרה.
אזהרות
- React לא תומכת במאפיין
selectedעל<option>. במקום זאת, העבירו את ה-valueשל אפשרות ל-<select defaultValue>של ההורה עבור select לא נשלט, או ל-<select value>עבור בחר נשלט.
שימוש
הצגת תיבת בחר עם אפשרויות
רנדרו <select> עם רשימת קומפונטות <option> בתוכו כדי להציג תיבת select. תנו לכל <option> ערך value שמציג את הנתון שישלח עם הטופס.
export default function FruitPicker() { return ( <label> Pick a fruit: <select name="selectedFruit"> <option value="apple">Apple</option> <option value="banana">Banana</option> <option value="orange">Orange</option> </select> </label> ); }