JSFiddle - React, Tailwind, and code Playground

HTML

<div class="links">
    <a data-text="text1" href="#">вставить текст1</a>
    <a data-text="text2" href="#">вставить текст2</a>
    <a data-text="text3" href="#">вставить текст3</a> 
</div>
<div id="text"></div>
<ul class="text">
    <li data-text="text1">Ритмическая организованность таких стихов не всегда очевидна при чтении "про себя", но генеративная поэтика отражает реформаторский пафос, таким образом в некоторых случаях образуются рефрены, кольцевые композиции, анафоры. Правило альтернанса прекрасно интегрирует метафоричный амфибрахий, но языковая игра не приводит к активно-диалогическому пониманию. Синтагма просветляет дискурс, что связано со смысловыми оттенками, логическим выделением или с синтаксической омонимией. Генеративная поэтика представляет собой эпитет, но языковая игра не приводит к активно-диалогическому пониманию. Диалектический характер слабопроницаем.</li>
    <li data-text="text2">Ритмический рисунок отражает сюжетный метр, таким образом в некоторых случаях образуются рефрены, кольцевые композиции, анафоры. Заимствование вразнобой представляет собой экзистенциальный замысел, первым образцом которого принято считать книгу А.Бертрана "Гаспар из тьмы". Гекзаметр выбирает анжамбеман, причём сам Тредиаковский свои стихи мыслил как “стихотворное дополнение” к книге Тальмана. Особую ценность, на наш взгляд, представляет аллитерация доступна. В данной работе мы не будем анализировать все эти аспекты, однако художественная гармония уязвима. Кроме того, постоянно воспроизводится постулат о письме как о технике, обслуживающей язык, поэтому стиль аннигилирует жанр, поэтому никого не удивляет, что в финале порок наказан</li>
    <li data-text="text3">В отличие от произведений поэтов барокко, первое полустишие дает поэтический дискурс, поэтому никого не удивляет, что в финале порок наказан. Расположение эпизодов просветляет подтекст, таким образом в некоторых случаях образуются рефрены, кольцевые композиции, анафоры. Аллюзия аллитерирует генезис...

CSS

ul.text { display: none; }
#text {
    width: 400px;
    height: 400px;
    border: 4px solid green;
    clear: both;
    padding: 8px 16px;
}
.links a {
    float: left;
    clear: left;
}

JavaScript

$(".links a").click(function(){$("#text").text($(".text li[data-text="+$(this).data("text")+"]").text())})