Как создать многострочный компонент?

Имеется такой компонент
function Person(props){ return (

Name: {props.name} {props.surname}

Age: {props.age}

); }
При рендеринге он не появляется.
const element = ; ReactDOM.render(element, document.getElementById('app'));
Но когда оставляем один блок - все работает
function Person(props){ return

Name: {props.name} {props.surname}

; }
Почему?

Ответ

Если реакт достаточно новый, то надо использовать фрагменты. А если старый, то никак.
function Person(props) { return

Name: {props.name} {props.surname}

Age: {props.age}

} const element = ; ReactDOM.render(element, document.getElementById('app'));

По идее, для фрагментов должен быть доступен более короткий синтаксис, но в сниппете он не заработал (возможно, бабель устарел):
function Person(props) { return <>

Name: {props.name} {props.surname}

Age: {props.age}

}