# Создание дочерних компонентов в React

В атрибуты тегов компонента можно передавать не только строки, но и выполнять вставку переменных и констант:

`function App() { const name = 'product'; const cost = '100'; return <div> <Product name={name} cost={cost} /> </div>; }`

Давайте сделаем сразу несколько продуктов:

`function App() { const name1 = 'product1'; const cost1 = '100'; const name2 = 'product2'; const cost2 = '100'; const name3 = 'product3'; const cost3 = '100'; return <div> <Product name={name1} cost={cost1} /> <Product name={name2} cost={cost2} /> <Product name={name3} cost={cost3} /> </div>; }`

Опробуйте изученное на каком-нибудь из ваших компонентов.

←→
↑