22 lines
1.6 KiB
Markdown
22 lines
1.6 KiB
Markdown
---
|
||
title: Use React to Render Nested Components
|
||
localeTitle: Использовать React для вставки вложенных компонентов
|
||
---
|
||
## Использовать React для вставки вложенных компонентов
|
||
|
||
На предыдущих уроках вы узнали, что существует два способа создания компонента React:
|
||
|
||
1. Функциональный компонент без состояния - с использованием функции JavaScript.
|
||
|
||
2. Определите компонент React с использованием синтаксиса ES6.
|
||
|
||
|
||
В этой викторине мы определили два функциональных компонента без состояния, то есть используя функции JavaScript. Вспомните, как только компонент был создан, его можно отобразить так же, как и тег HTML, используя имя компонента внутри открывающих и закрывающих скобок HTML. Например, чтобы вложить компонент под названием «Собака» в родительский компонент «Животные», вы просто вернете компонент «Собака» из компонента «Животные» следующим образом:
|
||
|
||
```javascript
|
||
return (
|
||
<Dog />
|
||
)
|
||
```
|
||
|
||
Попробуйте это с компонентами TypesOfFruit и Fruits. |