[英]reactjs onClick event triggered when the component loads
我有一个组件,可创建包含6个链接的列表。
//App.js
{active.map((article, i) => <Article {...article} index={i + 1} key={i}/>)}
//Article.js
<Reference href={`main/${props.code}`}/>
//Reference.js
<a href={href} className={classes} rel="noopener noreferrer" target="_blank"></a>
我需要使用该函数挂起onClick
事件。 我尝试了每个组件的各种变化,但在加载时仍会调用该函数。
上次我尝试这样做:
//Article.js
<Reference href={`main/${props.code}`} onClick={clicked()}/>
//Reference.js
<a href={href} className={classes} rel="noopener noreferrer" target="_blank" onClick={onClick}></a>
请告诉我,这怎么可能? 抱歉,如果我写的问题不清楚,我很乐意回答任何问题
设置事件时请勿使用(),因为它将立即触发该函数。 像这样尝试: <Reference href={
main / $ {props.code} } onClick={clicked}/>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.