React. Реакт. Тестовая задача 010. Я проживаю по адресу

---

Выводит строку: Я проживаю по адресу

Разберёмся, что здесь происходит:

  <script src="/js/react/react.development.js"></script>
  <script src="/js/react/react-dom.development.js"></script>
  <script src="/js/react/babel.min.js"></script>
  ...
  <script type="text/babel">
    const { useState, createElement } = React;
    const { createRoot } = ReactDOM;

function address(street, house) {
  return (
    <>
      <p>Улица {street}</p>
      <p>Дом {house}</p>
    </>
  );
}

createRoot(document.getElementById('root')).render(
  <address>
    <p>Я проживаю по адресу:</p>
    {address('Вечнозелёная аллея', '742')}
  </address>
); 
  </script>

Возможность писать произвольный код внутри скобок ограничена только фантазией разработчика.

JSX позволяет вызывать функции внутри разметки. Они должны возвращать разметку или null и быть синхронными: