加载组件时触发reactjs onClick事件

Question

我有一个组件可以创建包含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>

请告诉我，这怎么可能？抱歉，如果我写的问题不清楚，我很乐意回答任何问题

Answer 1

设置事件时请勿使用（），因为它将立即触发该函数。像这样尝试：<Reference href={ main / $ {props.code} } onClick={clicked}/>