React中的事件绑定的四种方式

1.在构造函数中绑定事件

javascript 复制代码
 constructor(props) {
    super(props);
    this.handleClick = this.handleClick.bind(this);
  }

2.在调用时显式绑定

javascript 复制代码
<button onClick={this.handleClick.bind(this)}>Click me</button>

3.使用箭头函数

javascript 复制代码
 handleClick = () => {
    console.log('Button clicked');
  };

  render() {
    return <button onClick={this.handleClick}>Click me</button>;
  }

4.直接传入一个箭头函数

javascript 复制代码
<button onClick={() => this.handleClick("1"}>Click me</button>;
相关推荐
lichenyang45310 小时前
鸿蒙聊天 Demo 练习 05:新增登录功能,实现登录态保存与页面访问控制
前端
还有多久拿退休金11 小时前
我用 Three.js 造了个 3D 漫步世界,角色走路像喝醉了——以及我是怎么修好的
前端·vue.js
SZLSDH11 小时前
场景适配论 | 数字孪生IOC建设中渲染技术与智能体能力的协同逻辑
前端·数据库·ai·数字孪生·数据可视化·智能体
_按键伤人_11 小时前
二、从零搭建本地 RAG 知识库
前端·llm·ai编程
_按键伤人_11 小时前
一、理解 RAG:从概念到实践
前端·llm·ai编程
lichenyang45311 小时前
鸿蒙聊天 Demo 练习 04:聊天历史本地缓存,实现消息记录持久化
前端
名字都不重要何况昵称11 小时前
canvas 元素拾取
前端·canvas
从文处安11 小时前
「前端何去何从」React Router:让单页应用有多页的体验
前端·react.js
Lkstar11 小时前
Vue Router 进阶:导航守卫、动态路由与懒加载,源码级理解
前端
ricardo197311 小时前
# Tree Shaking 深度解析:为什么你的代码没被摇掉?
前端·面试