react onClick 等函数传参

最新推荐文章于 2025-06-09 20:45:06 发布

fortunegrant

最新推荐文章于 2025-06-09 20:45:06 发布

阅读量2.3k

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/fortunegrant/article/details/83106818

本文阐述了在React中如何正确地使用bind方法为事件处理器传递参数，避免直接调用导致的问题，确保组件状态更新按预期进行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

不能使用（参数A，参数B）的方式，而是要使用bind

<Button onClick={this.showEdit.bind(this, 'add')}>添加用户</Button>
showEdit = (type,(event)) => {
console.log(type) // 这里面的type就是'add'
this.setState({ modalType: type, modalVisible: true })
};
通过 bind(this，参数) 的方法就可以在onClick中传参了
---------------------
如果不使用bind，比如 <Button onClick={this.showEdit('add')}>添加用户</Button>

他会默认你是直接执行了这个函数，即使不点击也执行了showEdit这个函数，对的就是这么的坑，一定要通过bind，就不会视作你是执行了这个函数