事件 - 使用发生在组件上的事件

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

在 React 的组件里面使用事件,可以在元素上添加一个事件名字的属性 .. 属性的值就是发生这个事件的时候要做的事 .. 比如在一个按钮上,添加一个 onClick .. 按下按键的事件就是 onKeyDown ,复制的事件是 onCopy .. 提交表单的事件是 onSubmit .. 这些事件的名字都是 on 开头的 .. 表示事件的词,首字母是大写的 ..

下面打开 CommentForm.js 这个文件 .. 这里我先设计了一下这个组件要显示的东西,就是一个提交评论用的表单 .. 里面有一个文本框,文本区域,还有一个提交表单用的按钮 ..

在这个 form 上面,添加一个 onSubmit .. 设置一下提交表单以后要做的事 .. 一组大括号 .. this.handleSubmit ... 在这个组件里面,再去定义这个 handleSubmit 方法 .. 方法接收一个 event 参数 .. 表示事件 ..

在这个方法里面,先使用一个 event 的 preventDefault() 方法,去掉事件默认要做的事儿 .. 在它下面,再用一个 console.log .. 在控制台上输出 提交表单! 这几个字儿 ..

保存 .. 打开浏览器 .. 再打开控制台 .. 然后点击这个评论表单上的提交按钮 .. 在控制台上会输出 提交表单 这几个字儿 ..

事件 - 使用发生在组件上的事件《 React 基础 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点