React笔记6(事件处理)

事件处理

注意:

React事件绑定的属性命名用驼峰方式,不用小写
如果使用 jsx 的语法,就需要传入一个函数作为事件处理函数,而不是一个字符串

举例:
//传统的html:
<button onclick="activateLasers()">
    Activate Lasers
</button>
//React中:
<button onClick={activateLasers}>
    Activate Lasers
</button>
区别1:

传统HTML:方法onclick是小写,方法名带(),并且有双引号
React:方法onClick必须使用驼峰写法,方法名用{}来包裹,并且不带()

在React中另一个不同点,

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 最近看了一本关于学习方法论的书,强调了记笔记和坚持的重要性。这几天也刚好在学习React,所以我打算每天坚持一篇R...
    gaoer1938阅读 5,703评论 0 5
  • 本笔记基于React官方文档,当前React版本号为15.4.0。 1. 安装 1.1 尝试 开始之前可以先去co...
    Awey阅读 12,341评论 14 128
  • 3. JSX JSX是对JavaScript语言的一个扩展语法, 用于生产React“元素”,建议在描述UI的时候...
    pixels阅读 7,952评论 0 24
  • 5天没写简书的日子,就像过了5年一样难熬。 在知道自己怀孕后,迷迷糊糊的过了这五天,第一天是糊里糊涂显得没事干,由...
    拉锯之战阅读 2,394评论 1 1
  • 小狗钱钱呢,其实是一位富商的狗,但是富商呢经常带钱钱去玩,在一次不小心除了车祸,而小狗钱钱就去救人,后来遇到大狼狗...
    新余宝贝阅读 1,715评论 0 0

友情链接更多精彩内容