texts = [
<></>,
<span>{text}</span>,
<></>,
<></>,
];
const MyComponent = ({ texts }) => (
<div>
<h1>Какой-то заголовок</h1>
{texts[0]}
<div>
<h2>Заголовок внизу 1</h2>
{texts[1]}
</div>
<div>
<h2>Заголовок внизу 2</h2>
{texts[2]}
</div>
<div>
<h2>Заголовок внизу 3</h2>
{texts[3]}
</div>
</div>
);
/\n|\r|\t/
в сплит запихиваешь и всё. На каком этапе возникают проблемы? let elem = document.getElementById('hover_tumb');
detectswipe('hover_tumb', myfunction.bind(elem));