Как добавить слушателей onclick к элементам, автоматически сгенерированным gatsby-transformer-замечанием?

Question

Я использую Gatsby.js с плагинами gatsby-transformer-remark для отображения файлов уценки в виде страниц, как описано в официальных документах .

Это прекрасно работает, но я ищу способ добавить слушателя onclick ко всем ссылкам сносок, которые конвертированы из уценки.

В настоящее время gatsby-transformer-remark генерирует этот вид HTML ниже.

// markdown
some long text. [^1]
...
[^1]: footnote description 

// html generated by 'gatsby-transformer-remark'

<p>some long text. 
  <sup id="fnref-1">
    <a href="#fn-1" class="footnote-ref">1</a>
  </sup>
</p>

...

<ol>
  <li id="fn-1">
    <p>footnote description</p>
    <a href="#fnref-1" class="footnote-backref">↩</a>
  </li>
</ol>

Что бы я хотел достичь, это что-то вроде этого:

<p>some long text. 
  <sup id="fnref-1">
    <a href="#fn-1" onclick="displayModal();" class="footnote-ref">1</a>
  </sup>
</p>

...

<ol>
  <li id="fn-1">
    <p>footnote description</p>
    <a href="#fnref-1" class="footnote-backref">↩</a>
  </li>
</ol>

Answer 1

Я смог добавить эту функцию на

footerElement.addEventListener("click", this.someFunc);.

Однако есть более элегантный способ сделать это.