# Вставка и объектов в JSX

Можно выполнять вставку объектов. Смотрите пример:

`function App() { const obj = {a: 1, b: 2, c: 3}; return <div> <p>{obj.a}</p> <p>{obj.b}</p> <p>{obj.c}</p> </div>; }`

Дан объект:

`function App() { const obj = {name: 'john', surname: 'smit'}; }`

Сделайте так, чтобы результатом рендеринга был следующий код:

`<p> name: <span>john</span>, <br> surname: <span>smit</span>, </p>`

Для значений имени и фамилии используйте значения элементов объекта.

←→
↑