greatbody
/
freeCodeCamp
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Improve Arabic translation (#30879)

pull/31673/head
Ahmed Al Haddad 2018-10-29 13:01:44 +03:00 committed by Nabil BOUDLAL
parent 4daa530eda
commit bea165b460
1 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
guide/arabic/react/jsx/index.md
View File

@ -4,18 +4,18 @@ localeTitle: 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>;
`
عندما تحتاج إلى استخدام أسطر متعددة في تعبير JSX واحد ، اكتب الرمز داخل قوس واحد.
عندما تحتاج إلى استخدام أسطر متعددة في تعبير JSX واحد ، اكتب شفرتك داخل قوس واحد.
`const two = (
<ul>
@ -25,14 +25,14 @@ JSX هو تعبير يستخدم عبارات HTML صالحة داخل JavaScrip
);
`
### باستخدام علامات HTML فقط
### بإمكانك استخدام علامات HTML فقط
`const greet = <h1>Hello World!</h1>;
`
### الجمع بين تعبير JavaScript مع علامات HTML
يمكننا استخدام متغيرات جافا سكريبت في الأقواس.
يمكننا استخدام متغيرات JavaScript في الأقواس.
`const who = "Quincy Larson";
const greet = <h1>Hello {who}!</h1>;
@ -48,7 +48,7 @@ JSX هو تعبير يستخدم عبارات HTML صالحة داخل JavaScrip
### يُسمح فقط بعلامة أصل واحدة
يجب أن يحتوي تعبير JSX على علامة رئيسية واحدة فقط. يمكننا إضافة عدة علامات متداخلة داخل العنصر الأصل فقط.
يجب أن يحيط تعبير JSX على عنصر رئيسي واحد فقط. يمكننا إضافة عدة علامات متداخلة داخل العنصر الأصل فقط.
`// This is valid.
const tags = (
@ -71,4 +71,4 @@ JSX هو تعبير يستخدم عبارات HTML صالحة داخل JavaScrip
### معلومات اكثر
* [تقديم JSX](https://reactjs.org/docs/introducing-jsx.html)
* [تقديم JSX](https://reactjs.org/docs/introducing-jsx.html)