Потому что первый кусок кода проверяет, какое значение хранится в стейте, и если значение true, устанавливает класс mystyle. А твой код создает блок с классом mystyle, и вписывает в него текст

Если я правильно понял, что вам нужно сделать:

const links = document.querySelectorAll('a');

links.forEach(function (currentLink) {
    const hrefAttribute = currentLink.getAttribute('href');
    
    currentLink.addEventListener('click', () => yourFunction(hrefAttribute));
})

Вроде должно работать.