美文网首页React学习笔记
React笔记6(事件处理)

React笔记6(事件处理)

作者: XKolento | 来源:发表于2018-07-27 17:56 被阅读0次

事件处理

注意:

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

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

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

在React中另一个不同点,

相关文章

  • React笔记6(事件处理)

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

  • 2018-11-07 react 事件处理

    react事件处理和dom事件处理是相似的。 react: Dom: 所以: React事件绑定属性的命名采用驼峰...

  • react文档——事件处理

    事件处理 React 元素的事件处理和 DOM 元素的事件处理非常相似。但也有一些语法差异: React 事件使用...

  • React 事件处理机制

    React在处理事件和HTML中JS处理事件不同,本文介绍React中的事件处理机制。React中不同通过返回fa...

  • React基础(6) -- 事件处理

    React 事件处理 React 元素的事件处理和 DOM 元素类似。但是有一点语法上的不同: React 事件绑...

  • ReactJS_06 React 事件处理

    React 事件处理 React 元素的事件处理和 DOM 元素类似。但是有一点语法上的不同: React 事件绑...

  • React 事件处理

    React 事件处理 React 元素的事件处理和 DOM 元素类似。但是有一点语法上的不同: React 事件绑...

  • react随笔5 事件处理

    事件处理 React元素的事件处理和DOM元素的事件处理很相似,但是有一点语法上的不同: React事件绑定属性的...

  • React事件绑定this的几种方法

    React事件处理函数绑定this的集中方法 Follow me on GitHub React事件处理函数绑定t...

  • 学习笔记:React事件处理

    一、React 事件处理 React 元素的事件处理和 DOM 元素类似,但是有一点语法上的不同。 React 事...

网友评论

    本文标题:React笔记6(事件处理)

    本文链接:https://www.haomeiwen.com/subject/twlfmftx.html