美文网首页
React onClick点击事件传参三种写法

React onClick点击事件传参三种写法

作者: 正在刷新log | 来源:发表于2019-02-28 21:18 被阅读0次

    写法一

    <Button onClick={this.delFolder.bind(this,"abc")}></Button>

    定义delFolder方法

    delFolder = (name,e)=>{

    alert(name)

    }

    用bind绑定,调用是作为第二个参数传递,不用显示传递事件对象,定义方法时,事件对象作为最后一个参数传入

    写法二

    <Button onClick={this.delFolder("abc")}></Button>

    定义delFolder方法

    delFolder = (name)=>{

    return (e)=>{

        console.log(e);

        console.log(key);

    }

    }

    返回一个函数,事件对象在返回的函数中

    第三种写法

    <Button onClick={(e)=>this.delFolder("abc",e)}></Button>

    delFolder = (name,e)=>{

    }

    事件对象作为第二个参数传递

    相关文章

      网友评论

          本文标题:React onClick点击事件传参三种写法

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