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.
|