当前位置: 首页> 游戏> 评测 > (三)React事件

(三)React事件

时间:2025/7/11 8:46:40来源:https://blog.csdn.net/weixin_43999327/article/details/139563997 浏览次数:0次

1. React基础事件绑定

语法: on + 事件名称 = { 事件处理程序 },整体上遵循驼峰命名法

在这里插入图片描述

App.js

//项目根组件
//App -> index.js -> public/index.html(root)function App() {const handleClick = () => {console.log('button被点击了')}return (<div className="App"><button onClick={handleClick}>click me</button></div>);
}export default App;

在这里插入图片描述

2. 使用事件对象参数

语法:在事件回调函数中设置形参e

在这里插入图片描述
在这里插入图片描述

3. 传递自定义参数

语法:事件绑定的位置改造成箭头函数的写法,再执行clickHandler实际处理业务函数的时候传递实参
在这里插入图片描述
在这里插入图片描述

注意:不能直接写函数调用,这里事件绑定需要一个函数引用

4. 同时传递事件对象和自定义参数

在这里插入图片描述
在这里插入图片描述

关键字:(三)React事件

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: