Как повесить onClick на span ReactHtmlParser?

Question

[Андрей Охотников]

У меня есть div в который передается готовый html, но при этом я некоторые слова заменяю на ссылки по которым можно будет кликнуть. Так вот не могу повесить обработчик onclick на эти слова.
Слова находятся и заменяются как надо, к ним добавляется нужный класс, а обработчик нет

Вот код

const p = post
    let postWithLinks;

    for (let i = 0; i < dict.length; i += 1) {
      postWithLinks =
      p.replace(`${dict[i].title}`, `<span class="dict-post-link" onClick={alert('!')} >${dict[i].title}</span>`)
    }

    return (
      <Fragment >
          { ReactHtmlParser(postWithLinks) }
      </Fragment>
    )