Zlog
首页归档关于
Zlog

一个探索技术、编程和构建 Web 的个人空间。

© 2026 Zlog

导航

首页归档关于

链接

/
|
·
·
·
首页/处理 JSX 中函数调用

处理 JSX 中函数调用

虽然期望的是传递函数引用,然而实际上是函数调用,为了解决这个问题通常存在一些解决方案。

Z

Zephyr110

2019年12月28日·1 分钟
|
frontendfrontend-javascript

问题

jsx
<button onClick={this.setKey(key)} />

虽然期望的是传递函数引用,然而实际上是函数调用,为了解决这个问题通常存在一些解决方案。

解决

1. 传递一个函数引用

jsx
<button onClick={() => this.setKey(key)} />

2. 函数修改为闭包

jsx
vm = {
  setKey(key) {
    return () => console.log(key);
  }
}
 
<button onClick={this.setKey(key)} />

3. 使用 bind 方法

jsx
<button onClick={this.setKey.bind(this, key)} />

标签

frontendfrontend-javascript

评论 (0)

评论功能仅在主站可用,请访问 zephyr110.vercel.app

相关文章

OffscreenCanvas

MDN-OffscreenCanvas

2025年12月10日·7 分钟

Service Worker

Web worker 是一种在浏览器中运行的后台脚本,它可以在独立的线程中执行任务,而不会阻塞主线程的执行。Web worker 的主要作用是处理耗时的计算任务,例如图片处理、文本分析、数据处理等,以避免阻塞主线程,提高页面的响应性能

2024年5月28日·4 分钟

vue-tour二次封装

npm install vue-tour

2023年7月22日·7 分钟

← 返回文章列表