Javascript 如何在组件上添加onClick

我正在使用显示其他博客的一些帖子。我能够得到正确的预览。我想通过onClick（）捕获视图计数，但是这个模块（react tiny link）似乎不支持相同的功能，请帮助

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

this.handleViewCount（id）}/>

---

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

您可以使用

div

包装链接，并将

onClick

回调附加到该

div

上

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

this.handleViewCount（id）}>

---

您的library-ReactTinyLink不支持onClick属性。 既然你已经标记了javascript，我可以给你一个小的JS破解

在React渲染结束时运行以下代码

var cards = document.getElementsByClassName('react_tinylink_card');
linksClicked = [];

for(var i = 0; i<cards.length; i++){
    cards[i].onclick = function(){
        linksClicked.push(this.href);
    }
}

var cards=document.getElementsByClassName（'react_tinylink_card'）；
linksClicked=[]；
对于（var i=0；i请包含一个代码示例，其中您正在使用
onClick
回调。在此处添加了组件代码。使用
onClick
处理程序包装是正确的答案，但是
如何影响CSS？此库正在将内容呈现到
中，其中包含
display:flex
，但不包含
默认情况下是
显示：block
。你好@Sauravkumar感谢您使用
react-tiny链接
，我是这个库的作者，请升级您的
react-tiny链接
版本3.4.0，使之具有
onClick
事件。你好@abhijat_saxena感谢您为
react-tiny链接
提供解决方案，我是此库顺便说一句。请升级您的
react-tiny链接
Version 3.4.0以拥有
onClick
事件。如果您在添加
onClick
事件时仍有问题，请告知我