javascript - 组件加载时触发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={主/${props.code} } onClick={clicked}/>