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

Answer 2

这是因为在第一个示例中，您键入的是fit_1 <- lm(sort(b)~sort(a)) fit_0 <- lm(sort(c)~sort(a)) t1 <- predict(fit_1, newdata = data.frame(a = 100)) t0 <- predict(fit_0, newdata = data.frame(a = 100)) t1 <- round(t1) t0 <- round(t0) text(80, 65, labels = t1, pos = 3, cex = 0.65) text(80, 56, labels = t0, pos = 3, cex = 0.65) text(80, 75, labels = "Population", pos = 3) # Plot once text(80, 75, labels = "Population", pos = 3) # Overplot to make it darker而不是onclick。注意onClick的大写。 React事件处理程序是驼峰式的。

Answer 3

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

有关更多详细信息，请访问以下链接：https://reactjs.org/docs/handling-events.html

也可以检查一下：Call multiple functions onClick ReactJS

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

多个onClick无效反应

3 个答案: