javascript - 多个函数 onClick 不起作用 react Js

Question

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

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

我怎样才能让它发挥作用？

Answer 1

saveValue 函数需要事件参数。所以试试这个:

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

此外，onclick 应该改为 onClick