Translate `<option>` page [UPDATED] #487

muh-osman · 2023-06-01T13:54:05Z

No description provided.

AhmedBaset

Please remove div elements

AhmedBaset · 2023-06-01T16:01:54Z

src/content/reference/react-dom/components/option.md

@@ -4,12 +4,16 @@ title: "<option>"

 <Intro>

-The [built-in browser `<option>` component](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option) lets you render an option inside a [`<select>`](/reference/react-dom/components/select) box.
+<div dir="rtl">


Please don't add anything not existing in the English text like this div element

AhmedBaset

Please remove div elements

AhmedBaset · 2023-06-01T16:34:17Z

src/content/reference/react-dom/components/option.md


 ### `<option>` {/*option*/}

-The [built-in browser `<option>` component](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select) lets you render an option inside a [`<select>`](/reference/react-dom/components/select) box.


أحسنت في تنبهك للرابط الخاطئ
ولكن التصحيح يجب أن يكون في النسخة الإنجليزية

AhmedBaset · 2023-06-01T16:35:54Z

src/content/reference/react-dom/components/option.md


-`<option>` supports all [common element props.](/reference/react-dom/components/common#props)
+تدعم `<option>` [جميع خواص العناصر الشائعة.](/reference/react-dom/components/common#props)


لو استبدلت كلمة "خواص" بخصائص يكون أفضل.

AhmedBaset · 2023-06-01T16:37:22Z

src/content/reference/react-dom/components/option.md


-#### Caveats {/*caveats*/}
+* [`label`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option#label): سلسلة. تحدد معنى الخيار. إذا لم يتم تحديدها ، فسيتم استخدام النص الموجود داخل الخيار.


كلمة سلسلة ترجمة حرفية والصواب نص

AhmedBaset · 2023-06-01T16:41:32Z

src/content/reference/react-dom/components/option.md


-### Displaying a select box with options {/*displaying-a-select-box-with-options*/}
+### عرض مربع التحديد مع الخيارات {/*displaying-a-select-box-with-options*/}


مربع التحديد => عنصر الاختيار

AhmedBaset · 2023-06-01T16:43:04Z

src/content/reference/react-dom/components/option.md


-Render a `<select>` with a list of `<option>` components inside to display a select box. Give each `<option>` a `value` representing the data to be submitted with the form.
+قم بإنشاء `<select>` يتضمن داخله قائمة من مكونات `<option>` لعرض مربع تحديد. أعط كل `<option>` قيمة `<value>` تمثل البيانات التي سيتم رفعها مع النموذج.


لا تضع هذه العلامات <> حول value لأنها ليست عنصر element

AhmedBaset · 2023-06-01T16:45:17Z

src/content/reference/react-dom/components/option.md

-        <option value="apple">Apple</option>
-        <option value="banana">Banana</option>
-        <option value="orange">Orange</option>
+        <option value="تفاح">تفاح</option>


أحسنت في ترجمة النص الذي يظهر للمستخدم داخل و ولكن لا تترجم الـvalue

…ar.react.dev into translate-option-page

muh-osman · 2023-06-01T20:35:30Z

تم اجراء جميع التعديلات اللازمة. @A7med3bdulBaset

ازالة الـ div
اعادة الرابط الخاطئ
استبدال كلمة "خواص" بـ "خصائص"
استبدال كلمة "سلسلة" بـ "نص"
استبدال "مربع التحديد" بـ "عنصر الاختيار"
ازالة العلامات <> حول value
اعادة قيمة الـ value داخل الكود الى القيمة الاصلية

AhmedBaset · 2023-06-01T21:06:44Z

src/content/reference/react-dom/components/option.md


 ### `<option>` {/*option*/}

-The [built-in browser `<option>` component](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select) lets you render an option inside a [`<select>`](/reference/react-dom/components/select) box.
+يتيح لك [مكون الـ `<option>` المدمج في المتصفح](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select) بعرض خيارات داخل مربع [`<select>`](/reference/react-dom/components/select).


يتيح لك كذا عرض كذا
وليس بعرض

AhmedBaset · 2023-06-01T21:15:27Z

src/content/reference/react-dom/components/option.md

رائع.
من فضلك راجع آخر تعديل commit عملته أنا

github-actions · 2023-06-01T21:16:35Z

Size changes

📦 Next.js Bundle Analysis for react-dev

This analysis was generated by the Next.js Bundle Analysis action. 🤖

This PR introduced no changes to the JavaScript bundle! 🙌

AhmedBaset · 2023-06-01T21:17:07Z

تم دمج الفرع.
ترجمتك ممتازة
يمكنك الآن اختيار صفحة جديدة

muh-osman and others added 2 commits June 1, 2023 16:35

translate option page

70a8864

Merge branch 'reactjs:main' into translate-option-page

693c251

vercel bot deployed to Preview – ar-react-dev June 1, 2023 13:54 View deployment

muh-osman changed the title ~~Translate option page~~ Translate option page Jun 1, 2023

muh-osman changed the title ~~Translate option page~~ Translate <option> page Jun 1, 2023

AhmedBaset added the work-in-progress label Jun 1, 2023

AhmedBaset requested changes Jun 1, 2023

View reviewed changes

AhmedBaset added in-review and removed work-in-progress labels Jun 1, 2023

AhmedBaset self-assigned this Jun 1, 2023

AhmedBaset reviewed Jun 1, 2023

View reviewed changes

AhmedBaset added update needed This PR needs update since last commit and removed in-review labels Jun 1, 2023

muh-osman added 2 commits June 1, 2023 23:07

Translate <option> page [UPDATED]

c1a31a1

Merge branch 'translate-option-page' of https://github.com/muh-osman/…

f5de836

…ar.react.dev into translate-option-page

vercel bot deployed to Preview – ar-react-dev June 1, 2023 20:09 View deployment

muh-osman changed the title ~~Translate <option> page~~ Translate <option> page [UPDATED] Jun 1, 2023

Translate <option> page [UPDATED]

7314df6

vercel bot deployed to Preview – ar-react-dev June 1, 2023 20:53 View deployment

muh-osman requested a review from AhmedBaset June 1, 2023 20:58

Update option.md

2aa4e54

vercel bot deployed to Preview – ar-react-dev June 1, 2023 21:15 View deployment

AhmedBaset approved these changes Jun 1, 2023

View reviewed changes

AhmedBaset added approved and removed update needed This PR needs update since last commit labels Jun 1, 2023

AhmedBaset merged commit 66806cf into reactjs:main Jun 1, 2023

AhmedBaset mentioned this pull request Jun 1, 2023

New Arabic Translation Progress #464

Open

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Translate `<option>` page [UPDATED] #487

Translate `<option>` page [UPDATED] #487

Uh oh!

muh-osman commented Jun 1, 2023

Uh oh!

AhmedBaset left a comment

Uh oh!

AhmedBaset Jun 1, 2023

Uh oh!

AhmedBaset left a comment

Uh oh!

AhmedBaset Jun 1, 2023

Uh oh!

AhmedBaset Jun 1, 2023

Uh oh!

AhmedBaset Jun 1, 2023

Uh oh!

AhmedBaset Jun 1, 2023

Uh oh!

AhmedBaset Jun 1, 2023

Uh oh!

AhmedBaset Jun 1, 2023

Uh oh!

muh-osman commented Jun 1, 2023

Uh oh!

AhmedBaset Jun 1, 2023

Uh oh!

AhmedBaset Jun 1, 2023

Uh oh!

github-actions bot commented Jun 1, 2023

📦 Next.js Bundle Analysis for react-dev

Uh oh!

AhmedBaset commented Jun 1, 2023

Uh oh!

Uh oh!


		### `<option>` {/option/}

		The [built-in browser `<option>` component](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select) lets you render an option inside a [`<select>`](/reference/react-dom/components/select) box.


		`<option>` supports all [common element props.](/reference/react-dom/components/common#props)
		تدعم `<option>` [جميع خواص العناصر الشائعة.](/reference/react-dom/components/common#props)


		#### Caveats {/caveats/}
		* [`label`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option#label): سلسلة. تحدد معنى الخيار. إذا لم يتم تحديدها ، فسيتم استخدام النص الموجود داخل الخيار.


		### Displaying a select box with options {/displaying-a-select-box-with-options/}
		### عرض مربع التحديد مع الخيارات {/displaying-a-select-box-with-options/}


		Render a `<select>` with a list of `<option>` components inside to display a select box. Give each `<option>` a `value` representing the data to be submitted with the form.
		قم بإنشاء `<select>` يتضمن داخله قائمة من مكونات `<option>` لعرض مربع تحديد. أعط كل `<option>` قيمة `<value>` تمثل البيانات التي سيتم رفعها مع النموذج.

Translate <option> page [UPDATED] #487

Translate <option> page [UPDATED] #487

Uh oh!

Conversation

muh-osman commented Jun 1, 2023

Uh oh!

AhmedBaset left a comment

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

AhmedBaset left a comment

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

muh-osman commented Jun 1, 2023

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

github-actions bot commented Jun 1, 2023

Size changes

📦 Next.js Bundle Analysis for react-dev

Uh oh!

AhmedBaset commented Jun 1, 2023

Uh oh!

Uh oh!

Translate `<option>` page [UPDATED] #487

Translate `<option>` page [UPDATED] #487