每当我调用onClick函数时，所有其他onclick函数都会被调用

Question

一段时间以来，我遇到了这个问题。每当我尝试单击链接并调用onclick函数时，就会调用所有其他onclick函数。我不知道怎么回事

<li className={activepage==="dashboard"?'active':''} onClick={changePage("dashboard")} >
    <a href="#">
        <i className="fa fa-dashboard fa-lg" /> Dashboard
    </a>
</li>

<li data-toggle="collapse" data-target="#products" className={activepage==="entries"?'active':''} onClick={changepage("entries")}>
    <a href="#" >
        <i className="fa fa-gift fa-lg" />Entries <i className="fas fa-down-arrow" />
        <span className="arrow" />
    </a>
</li>

我遇到一个白人的问题，我找不到解决方法

Answer 1

您可以使用绑定changepage.bind(null, "entries")，也可以使用

() => {
 changepage("entries")
}

Answer 2

代替：

onClick={changepage("entries")}

尝试一下：

onClick={() => changepage("entries")}