Inserarea obiectelor în JSX

Puteți efectua inserarea obiectelor. Urmăriți exemplul:

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>;
}

Este dat obiectul:

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

Faceți ca rezultatul randării să fie următorul cod:

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

Pentru valorile numelui și prenumelui utilizați valorile elementelor obiectului.