You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
## كتابة ترميزات (Markup) باستخدام JSX {/*writing-markup-with-jsx*/}
120
120
121
-
كل مكون في React هو عبارة عن دالة JavaScript التى يمكن أن تحتوي على بعض الترميزات التي يمكن ل React أن تعرضها على المتصفح (Browser). المكونات في React تستخدم صيغة معدلة تسمى JSX لكى تمثل هذه الترميزات. أن JSX تشبه HTML كثيرا، ولكن شديدة قليلا وتستطيع أن تعرض محتوى ديناميكي.
121
+
كل مكون في React عبارة عن دالة JavaScript التى يمكن أن تحتوي على بعض الترميزات التي يمكن لـ React أن تعرضها في المتصفح. المكونات في React تستخدم صيغة معدلة تسمى JSX لكى تمثل هذه الترميزات. JSX تشبه HTML كثيرا، ولكنها صارمة قليلا وتستطيع أن تعرض محتوى ديناميكي.
122
122
123
123
إذا قمنا بنسخ ترميزات HTML موجودة سابقا داخل مكون React، لن تعمل دائما:
124
124
@@ -149,7 +149,7 @@ img { height: 90px; }
149
149
150
150
</Sandpack>
151
151
152
-
اذا كان لديك ترميزات HTML مثل هذه، يمكنك أن تصلحها باستخدام [محول](https://transform.tools/html-to-jsx):
152
+
إذا كان لديك ترميزات HTML مثل هذه، يمكنك أن تصلحها باستخدام [محوّل](https://transform.tools/html-to-jsx):
153
153
154
154
<Sandpack>
155
155
@@ -187,7 +187,7 @@ img { height: 90px; }
187
187
188
188
## استخدام JavaScript في JSX باستخدام الأقواس المجعدة {/*javascript-in-jsx-with-curly-braces*/}
189
189
190
-
تتيح لك JSX أن تكتب ترميزات مشابهة إلى HTML بداخل ملفات JavaScript وأن تعرض محتوى وتبقى المنطق الخاص بمكونات في نفس المكان. في بعض الأحيان، قد ترغب في إضافة بعض المنطق المكتوب باستخدام JavaScript أو الإشارة إلى خاصية ديناميكية داخل هذا الترميز. في هذا الموقف، يمكنك استخدام الأقواس المجعدة في JSX الخاص بك لفتح نافذة إلى JavaScript:
190
+
تتيح لك JSX أن تكتب ترميزات مشابهة إلى HTML بداخل ملفات JavaScript وأن تعرض محتوى وتبقى المنطق الخاص بالمكونات في نفس المكان. في بعض الأحيان، قد ترغب في إضافة بعض المنطق المكتوب باستخدام JavaScript أو الإشارة إلى خاصية ديناميكية داخل هذا الترميز. في هذا الموقف، يمكنك استخدام الأقواس المجعدة في JSX الخاص بك لفتح نافذة إلى JavaScript:
191
191
192
192
<Sandpack>
193
193
@@ -229,7 +229,7 @@ body > div > div { padding: 20px; }
اقرأ **[استخدام JavaScript في JSX باستخدام الأقواس المجعدة](/learn/javascript-in-jsx-with-curly-braces)** لتتعلم كيف تتمكن من الوصول إلى بينات JavaScript في JSX
232
+
اقرأ **[استخدام JavaScript في JSX باستخدام الأقواس المجعدة](/learn/javascript-in-jsx-with-curly-braces)** لتتعلم كيفية الوصول إلى بيانات JavaScript في JSX
0 commit comments