JSX'те объекттерди киргизүү

Объекттерди киргизүүнү аткарсаңыз болот. Мисалды караңыз:

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

Задание 1

Берилген объект:

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

Рендерингдин натыйжасы төмөнкүдөй код болушу үчүн жасаңыз:

html<p>
  ат:    <span>john</span>, <br>
  фамилиясы: <span>smit</span>,
</p>

Ат жана фамилиянын маанилери үчүн объект элементтеринин маанилерин колдонуңуз.