javascript - 如何在组件上添加onClick

Question

我正在使用https://github.com/winhtaikaung/react-tiny-link来显示来自其他博客的一些帖子。我能够正确获得预览。我想通过 onClick() 捕获视图计数，但是这个模块（react-tiny-link）似乎不支持相同的，请帮忙。

<ReactTinyLink
cardSize="large"
showGraphic={true}
maxLine={0}
minLine={0}
header={""}
description={""}
url={url}
onClick={() => this.handleViewCount(id)} />

我尝试在组件周围添加 div，但它会影响 css。

标签： javascriptnode.jsreactjs

Answer 1

您可以用 a 包装您的链接并在其上div附加您的onClick回调div。

<div onClick={() => this.handleViewCount(id)}>
  <ReactTinyLink
    cardSize="large"
    showGraphic={true}
    maxLine={0}
    minLine={0}
    header={""}
    description={""}
    url={url}
  />
</div>