处理在降价内呈现的链接的点击事件React组件

Question

我正在使用React和react-marked在组件中呈现降价。

降价内容是用户定义的，有时包含链接。

什么是拦截链接上的点击事件的最佳方法。我明显可以使用jQuery，但是想知道是否有更优雅的使用反应事件的方式？

感谢

Answer 1

你必须覆盖默认的链接令牌呈现如下所述：https://github.com/LinuxBasic/react-marked#overriding-renderer-methods

var marked = require('marked'); 
var renderer = new marked.Renderer(); 

renderer.link = (href, title, text) => { 
    const interceptWithThisFunction = (e) => { 
     console.log('click event caught', e); 
    } 
    return `<a onClick="interceptWithThisFunction" href="${href}" title="${title}">${text}</a>`; 
}