Хранение тегов в переменных и константах JSX

В переменных и константах можно хранить теги, выполняя затем их вставку в нужное место.

Смотрите пример:

function App() {
	const str = <p>text</p>;
	
	return <div>
		{str}
	</div>;
}

В результате рендеринга получится следующий код:

<div>
	<p>text</p>
</div>