Обработка динамических ссылок в React

По API получаю HTML контент. В контенте есть ссылки по примеру:

<a href="/path/request_name">Ссылка</a>

Как методами JS в React застопить переход по такой ссылке, извлечь request_name и вывести в консоль по нажатию на ссылку?


Ответы (2 шт):

Автор решения: artomich

Прицепите к <a> onClick и в обработчике выведите синтаксически обработанное содержание атрибута href - console.log(event.target.getAttribute('href').split('/').reverse()[0])

→ Ссылка
Автор решения: Arturas Lapinskas

Событие ловите и делаете preventDefault()

a.addEventListener("click", (e) => {    e.preventDefault()

Далее что вам нужно

→ Ссылка