У меня есть файл уценки, доступный в моем компоненте как строковая опора, и я конвертирую его в 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
, он зарегистрирует любой щелчок внутри него.