javascript - 按钮上的方法
问题描述
当我按下链接并且方法本身有一个参数时,我试图调用一个方法,问题是无论我是否按下链接,都会调用该方法
这是代码:
<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")
}
解决方案
您正在调用该函数而不是将函数传递给 onClick,将该行更改为:
<Link onClick={() => this.goToShow(show1.name)}>{show1.name}</Link>
推荐阅读
- x86 - 在检查错误共享时,为什么使用同级线程运行时比使用独立线程运行时有更多的 L1d 缓存未命中
- python - Python [嵌套字典] - 如何添加新的键/值来创建这种字典结构:d = {key:{key:value, key:value, key:value}}
- javascript - Socket.io - 如何安全地通过另一台服务器连接到服务器?
- javascript - 我怎样才能传递多个对象?在动态输入中
- docker - 更改`docker ps`中显示的图像标签
- compiler-construction - 移位/减少与 LALR 语法的冲突
- python - 使用实例名称访问实例变量
- jquery - 使用 HttpRequest.Form.Files 获取控制器上的文件
- sql - 如何根据给定的字符串增加变量?
- java - 编写此 Java 代码或优化它以从 ArrayList 构建字符串的更简洁的方法是什么?