reigster onClick () только для ссылок в файле HTML - PullRequest
Новая
       6

reigster onClick () только для ссылок в файле HTML

0 голосов
/ 16 июня 2020

У меня есть файл уценки, доступный в моем компоненте как строковая опора, и я конвертирую его в HTML вот так: 

const html = converter.makeHtml(props.markdown ? props.markdown : '');

Файл HTML выглядит так: 

<h1 id="helloworld">Hello World</h1>
 <ul>
  <li><a href="https://link1/" rel="noopener noreferrer" target="_blank"></a></li>
  <li><a href="https://link2/" rel="noopener noreferrer" target="_blank"></a></li>
  <li><a href="https://link3/" rel="noopener noreferrer" target="_blank"></a></li>
  <li><a href="https://link4/" rel="noopener noreferrer" target="_blank"></a></li>
</ul>

Затем я передаю его в div: 

return (
    <div className={style.overflowFix}>
        <div
            className={style.markdownPreview}
            dangerouslySetInnerHTML={{ __html: html) }}
        />
    </div>
);

Мой вопрос в том, можно ли создать событие onClick() только при нажатии ссылок в файле HTML и сохранить свои URL-адреса? Прямо сейчас, если я добавлю onClick() к вышеупомянутому div, он зарегистрирует любой щелчок внутри него.

...