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}/>