freeCodeCamp/guide/russian/certifications/front-end-libraries/react/use-react-to-render-nested-components/index.md

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

Использовать React для вставки вложенных компонентов

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

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

2. Определите компонент React с использованием синтаксиса ES6.

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

return ( 
  <Dog /> 
 ) 

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