Improve Arabic translation (#30879)
This commit is contained in:
committed by
Nabil BOUDLAL
parent
4daa530eda
commit
bea165b460
@ -4,18 +4,18 @@ localeTitle: JSX
|
|||||||
---
|
---
|
||||||
# JSX
|
# JSX
|
||||||
|
|
||||||
> JSX مختصرة لـ JavaScript XML.
|
> JSX اختصاراً لـ JavaScript XML.
|
||||||
|
|
||||||
JSX هو تعبير يستخدم عبارات HTML صالحة داخل JavaScript. يمكنك تعيين هذا التعبير لمتغير واستخدامه في مكان آخر. يمكنك الجمع بين تعبيرات JavaScript سارية أخرى و JSX في عبارات HTML هذه من خلال وضعها ضمن أقواس ( `{}` ). تقوم بابل كذلك بتجميع JSX إلى كائن من النوع `React.createElement()` .
|
JSX هو تعبير يستخدم عبارات HTML صالحة داخل JavaScript. يمكنك تعيين هذا التعبير لمتغير واستخدامه في مكان آخر. يمكنك الجمع بين تعبيرات JavaScript سارية أخرى و JSX في عبارات HTML هذه من خلال وضعها ضمن أقواس ( `{}` ). تقوم Babel كذلك بتجميع JSX إلى مكوّن من النوع `React.createElement()` .
|
||||||
|
|
||||||
### تعبيرات أحادية السطر ومتعددة الأسطر
|
### تعبيرات أحادية السطر ومتعددة الأسطر
|
||||||
|
|
||||||
تعبير سطر مفرد سهل الاستخدام.
|
تعبير في سطر مفرد سهل الاستخدام.
|
||||||
|
|
||||||
`const one = <h1>Hello World!</h1>;
|
`const one = <h1>Hello World!</h1>;
|
||||||
`
|
`
|
||||||
|
|
||||||
عندما تحتاج إلى استخدام أسطر متعددة في تعبير JSX واحد ، اكتب الرمز داخل قوس واحد.
|
عندما تحتاج إلى استخدام أسطر متعددة في تعبير JSX واحد ، اكتب شفرتك داخل قوس واحد.
|
||||||
|
|
||||||
`const two = (
|
`const two = (
|
||||||
<ul>
|
<ul>
|
||||||
@ -25,14 +25,14 @@ JSX هو تعبير يستخدم عبارات HTML صالحة داخل JavaScrip
|
|||||||
);
|
);
|
||||||
`
|
`
|
||||||
|
|
||||||
### باستخدام علامات HTML فقط
|
### بإمكانك استخدام علامات HTML فقط
|
||||||
|
|
||||||
`const greet = <h1>Hello World!</h1>;
|
`const greet = <h1>Hello World!</h1>;
|
||||||
`
|
`
|
||||||
|
|
||||||
### الجمع بين تعبير JavaScript مع علامات HTML
|
### الجمع بين تعبير JavaScript مع علامات HTML
|
||||||
|
|
||||||
يمكننا استخدام متغيرات جافا سكريبت في الأقواس.
|
يمكننا استخدام متغيرات JavaScript في الأقواس.
|
||||||
|
|
||||||
`const who = "Quincy Larson";
|
`const who = "Quincy Larson";
|
||||||
const greet = <h1>Hello {who}!</h1>;
|
const greet = <h1>Hello {who}!</h1>;
|
||||||
@ -48,7 +48,7 @@ JSX هو تعبير يستخدم عبارات HTML صالحة داخل JavaScrip
|
|||||||
|
|
||||||
### يُسمح فقط بعلامة أصل واحدة
|
### يُسمح فقط بعلامة أصل واحدة
|
||||||
|
|
||||||
يجب أن يحتوي تعبير JSX على علامة رئيسية واحدة فقط. يمكننا إضافة عدة علامات متداخلة داخل العنصر الأصل فقط.
|
يجب أن يحيط تعبير JSX على عنصر رئيسي واحد فقط. يمكننا إضافة عدة علامات متداخلة داخل العنصر الأصل فقط.
|
||||||
|
|
||||||
`// This is valid.
|
`// This is valid.
|
||||||
const tags = (
|
const tags = (
|
||||||
|
Reference in New Issue
Block a user