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

我有这个问题已经有一段时间了。每当我试图单击一个链接并调用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>

---

我有一个白色的问题，我找不到解决方案，你可以使用bind

changepage.bind（null，“entries”）

，也可以使用

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

而不是：

onClick={changepage("entries")}

试试这个：

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

---

看起来

changePage

不是closure

changePage（“仪表板”）

的代码是什么？？尝试调用

onClick={（）=>changePage（“dashboard”）}

还有，为什么要使用className？在html中从未听说过，通常只是class=“”或id=“”@ChristopherSupertramp，这是因为reactjs代码。@ChristopherSupertramp这是JSX代码。不是真正的html，但看起来像html:）

JSX是一个预处理器步骤，它将XML语法添加到JavaScript中。

如何在功能组件上执行此操作？如果我正确理解了您的问题，请尝试将“this”添加到changepage（“条目”）中，例如，如下所示。changepage.bind（此，“条目”），或者，如果条目是一个变量，那么this.changepage.bind（this，entries）