首页 > 解决方案 > 按钮上的方法

问题描述

当我按下链接并且方法本身有一个参数时,我试图调用一个方法,问题是无论我是否按下链接,都会调用该方法

这是代码:

  <Link onClick={this.goToShow(show1.name)}>{show1.name}</Link>

和功能

goToShow(param){
        axiosInstance.post("/user/search",param).then(
            res=>{
                localStorage.setItem("SEARCHED_CHARACTER",res.data.caracterDTO)
            }
        )
        this.props.history.push("/user/searchedCharacter")
    }

标签: javascriptmethodshyperlink

解决方案


您正在调用该函数而不是将函数传递给 onClick,将该行更改为:

  <Link onClick={() => this.goToShow(show1.name)}>{show1.name}</Link>

推荐阅读