React onClick/onChange 传参 (bind绑定)

Posted 张志翔ۤ

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React onClick/onChange 传参 (bind绑定)相关的知识,希望对你有一定的参考价值。

        一般是通过 bind 函数绑定 this,来传递参数的,没有参数就是下面这种方式或者直接写函数名,代码如下:

//被触发函数写法:
const onChange = (e) => {
    //操作
}

onChange={onChange}
or
onChange={onChange.bind(this)}

        有参调用,代码如下:

//被触发函数写法:
const onChange = (index, e) => {
    //操作
}

传值调用:
onChange={onChange.bind(this, 0)}

        onClick 传参方式同上,就不在此赘述了。

        到此 React onClick/onChange 传参 (bind绑定)介绍完成。

以上是关于React onClick/onChange 传参 (bind绑定)的主要内容,如果未能解决你的问题,请参考以下文章

Checkbox只要被打钩就出发,(onclick,onchange都是要点击才能触发)

React--setState同步/异步问题

事件(Event)(onclick,onchange,onload,onunload,onfocus,onblur,onselect,onmuse)转载

react面试题面试必备

React --react父子组件传参

React路由传参