21 lines
1.1 KiB
Markdown
21 lines
1.1 KiB
Markdown
|
---
|
||
|
title: Use React to Render Nested Components
|
||
|
localeTitle: استخدم React لتقديم العناصر المتداخلة
|
||
|
---
|
||
|
## استخدم React لتقديم العناصر المتداخلة
|
||
|
|
||
|
لقد تعلمت في الدروس السابقة ، أن هناك طريقتين لإنشاء مكون React:
|
||
|
|
||
|
1. مكون وظيفي عديم الحالة - باستخدام وظيفة JavaScript.
|
||
|
|
||
|
2. حدد مكون React باستخدام بنية ES6.
|
||
|
|
||
|
|
||
|
في هذا الاختبار ، قمنا بتعريف مكونين وظيفيين عديمي الأهلية ، أي استخدام وظائف JavaScript. تذكر ، بمجرد إنشاء مكون ، يمكن تقديمه بنفس طريقة علامة HTML ، باستخدام اسم المكون داخل أقواس فتح وإغلاق HTML. على سبيل المثال ، لتضمين مكون يدعى Dog داخل مكون رئيسي يسمى Animals ، يمكنك ببساطة إرجاع مكون Dog من مكون الحيوانات مثل:
|
||
|
|
||
|
`return (
|
||
|
<Dog />
|
||
|
)
|
||
|
`
|
||
|
|
||
|
جرب هذا مع مكونات TypesOfFruit و Fruits.
|