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
JSX ليست متطلب لإستخدام React .حيث يمكنك إستخدام React بدون JSX بشكل خاص عندما لاترغب في إعداد مرحلة التصريف في بيئة البناء لديك.
8
8
9
-
كل عنصر من JSX هو فقط تجميل صياغي لمناداة الداله `React.createElement(component, props, ...children)`. اذاً, أي شيء يمكن تطبيقه باستخدام JSX من الممكن ايضاً تطبيقه بإستخدام javascript.
9
+
كل عنصر من JSX هو فقط تجميل صياغي لمناداة الداله `React.createElement(component, props, ...children)`. اذاً، أي شيء يمكن تطبيقه باستخدام JSX من الممكن ايضاً تطبيقه بإستخدام javascript.
10
10
11
-
كمثال, هذه الشيفرة مكتوبه باستخدام JSX:
11
+
كمثال، هذه الشيفرة مكتوبه باستخدام JSX:
12
12
13
13
```js
14
14
classHelloextendsReact.Component {
@@ -40,9 +40,9 @@ ReactDOM.render(
40
40
41
41
إذا كنت مهتماً لرؤية المزيد من الامثلة عن كيفية تصريف شيفرة JSX الى javascript, فبإمكانك تجربة [مصرف Babel على الإنترنت](babel://jsx-simple-example).
42
42
43
-
يمكن تزويد المكون كسلسلة نصية, أو كصنف فرعي من `React.Component`, أو كدالة مجردة من أجل المُكونات بدون الحالة.
43
+
يمكن تزويد المكون كسلسلة نصية, أو كصنف فرعي من `React.Component`، أو كدالة مجردة من أجل المُكونات بدون الحالة.
44
44
45
-
إن تعبت من كثرة كتابة `React.createElement`, فمن الأساليب الشائعة هي الطريقة المختصرة التالية:
45
+
إن تعبت من كثرة كتابة `React.createElement`، فمن الأساليب الشائعة هي الطريقة المختصرة التالية:
46
46
47
47
```js
48
48
conste=React.createElement;
@@ -53,7 +53,7 @@ ReactDOM.render(
53
53
);
54
54
```
55
55
56
-
إذا إستخدمت هذه الصيغة المختصرة (الثابت e) لأجل `React.createElement`, فسيكون من المناسب تمامًا استخدام React بدون JSX.
56
+
إذا إستخدمت هذه الصيغة المختصرة (الثابت e) لأجل `React.createElement`، فسيكون من المناسب تمامًا استخدام React بدون JSX.
57
57
58
-
بدلاً من ذلك, تستطيع الرجوع إلى مشاريع مجتمع React مثل [`react-hyperscript`](https://github.com/mlmorg/react-hyperscript) و [`hyperscript-helpers`](https://github.com/ohanhi/hyperscript-helpers) والتي توفر صياغة مختصرة أكثر.
58
+
بدلاً من ذلك، تستطيع الرجوع إلى مشاريع مجتمع React مثل [`react-hyperscript`](https://github.com/mlmorg/react-hyperscript) و [`hyperscript-helpers`](https://github.com/ohanhi/hyperscript-helpers) والتي توفر صياغة مختصرة أكثر.
0 commit comments