React 函数式组件的点击事件(代码中附类组件的点击事件)

在函数组件中根据onClick里调用的函数的写法不同,onClick={}里有多种调用方式。

第一种函数:

    function jump(url,event) {
        goToPage(url);
    }

当onClick={}里调用这个函数时,有两种写法:

(1)方法名.bind(this,参数)

<table onClick={jump.bind(this,goods.link)}>

如果直接用方法名(参数)调用的话,打开页面,该方法自动执行。

<table onClick={jump(goods.link)}>此种方法不用点击,直接执行。

(2)(event)=>方法名(参数,event)

<table onClick={(event)=>jump(goods.link,event)}>

第二种函数:

    const jumpOut = (param)=>{
        return (event)=>{
            goToPage(param);
        };
    };

直接调用

<table onClick={jumpOut(goods.link)}>

当用<table onClick={jumpOut.bind(this,goods.lin

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值