时间戳

首页 > 解决方案 > 多个功能onClick不起作用reactJs

javascript - 多个功能onClick不起作用reactJs

问题描述

我试图在单击时调用两个多个函数。当我尝试这样做时它不起作用。但它在单个函数中起作用。这是两个函数。

   //first function
saveValue = (e) => {
    // console.log('savecategory', e.target.innerHTML);

    this.setState({
        category: e.target.innerHTML
    }, this.makeAxiosRequest);

};

//second function

goToLastPage = () => {
    const {currentPage, pages, end} = this.state;
};

这是我正在尝试工作的 onClick 事件。

<button   onclick={()=>{this.saveValue();this.goToLastPage()}}>Residence</button>

但它不起作用。只有当我像这样将它作为单个函数调用时它才起作用。

<button onClick={this.saveValue}>Residence</button>

<button onClick={this.goToLastPage}>Residence</button>

我怎样才能让它工作？

标签： javascriptreactjs

解决方案

您需要使用 onClick 而不是 onclick。这是 HTML 和 Reactjs 的区别。

有关更多详细信息，请点击此链接：https ://reactjs.org/docs/handling-events.html

还要检查一下：调用多个函数 onClick ReactJS

<button onClick={()=>{this.saveValue();this.goToLastPage()}}>Residence</button>

推荐阅读