---
title: Use React to Render Nested Components
localeTitle: Использовать React для вставки вложенных компонентов
---
## Использовать React для вставки вложенных компонентов

На предыдущих уроках вы узнали, что существует два способа создания компонента React:

1.  Функциональный компонент без состояния - с использованием функции JavaScript.
    
2.  Определите компонент React с использованием синтаксиса ES6.
    

В этой викторине мы определили два функциональных компонента без состояния, то есть используя функции JavaScript. Вспомните, как только компонент был создан, его можно отобразить так же, как и тег HTML, используя имя компонента внутри открывающих и закрывающих скобок HTML. Например, чтобы вложить компонент под названием «Собака» в родительский компонент «Животные», вы просто вернете компонент «Собака» из компонента «Животные» следующим образом:

```javascript
return ( 
  <Dog /> 
 ) 
```

Попробуйте это с компонентами TypesOfFruit и Fruits.