在函数组件中根据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