美文网首页
REACT 中事件处理函数传递参数的两种方式

REACT 中事件处理函数传递参数的两种方式

作者: alokka | 来源:发表于2019-06-26 09:51 被阅读0次

第一种是箭头函数传参

<button onClick={(value) => this.deleteRow(id, value)}>Delete Row</button>    // 箭头函数传参

箭头函数没有this指向,默认是继承外部上下的this,所以箭头函数中的this指向的就是组件

第二种是bind() 传参

<button onClick={this.deleteRow.bind(this, id)}>Delete Row</button>   // bind() 形式传参

bind() 方法可以把组件的this代替函数的this

相关文章

  • REACT 中事件处理函数传递参数的两种方式

    第一种是箭头函数传参 箭头函数没有this指向,默认是继承外部上下的this,所以箭头函数中的this指向的就是组...

  • js函数防抖、节流实现

    React中使用防抖函数和节流函数 在React事件调用时,React传递给事件处理程序是一个合成事件对象的实例。...

  • React组件API——setState

    setState是React事件处理函数中和请求回调函数中触发UI更新的主要方法。 参数说明 nextState:...

  • 微信小程序原生开发技巧及跳坑心得

    常用功能 1、事件带参 在微信小程序中,给事件的回调函数内部传递参数不是通过函数调用传递实参的方式传递的,而是通过...

  • Python 函数中,参数是传值,还是传引用?

    Python 函数中,参数是传值,还是传引用? 代码示例 在 C/C++ 中,传值和传引用是函数参数传递的两种方式...

  • python 参数传递总结

    参数的传递 python中函数的参数通过赋值的方式来传递引用对象。下面总结通过总结常见的函数参数定义方式,来理解参...

  • 数据结构与算法 javascript

    基础概念 javascript中,函数的参数传递方式都是按值传递,没有按引用传递的参数。但是javascript中...

  • react 事件处理&条件渲染

    处理事件 react事件使用驼峰命名,而不是完全小写。通过JSX我们可以传递一个函数作为事件处理程序。与DOM绑定...

  • Notes On React - Three

    事件处理   React 中事件绑定属性的命名采用驼峰命名,且采用了 JSX 语法的时候需要传递一个函数作为时间处...

  • Python函数

    函数的参数 在 C/C++ 中,传值和传引用是函数参数传递的两种方式,学 Python 时,有人喜欢生搬硬套地问类...

网友评论

      本文标题:REACT 中事件处理函数传递参数的两种方式

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