处理在 Markdown React 组件中呈现的链接的点击事件
Handling click events of links rendered within markdown React component
我正在使用 React 和 react-marked 在组件中呈现 markdown。
markdown 内容是用户定义的,有时包含链接。
拦截降价链接上的点击事件的最佳方法是什么。我显然可以使用 jQuery,但想知道是否有更优雅的使用反应事件的方式?
谢谢
您必须按照此处所述覆盖默认的 link 标记呈现: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>`;
}
我正在使用 React 和 react-marked 在组件中呈现 markdown。
markdown 内容是用户定义的,有时包含链接。
拦截降价链接上的点击事件的最佳方法是什么。我显然可以使用 jQuery,但想知道是否有更优雅的使用反应事件的方式?
谢谢
您必须按照此处所述覆盖默认的 link 标记呈现: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>`;
}