react中点击事件带参数会立即执行
admin
2024-02-11 11:00:26

用该种方式写点击事件则页面初始化的时候就会执行该事件

import './App.css';

const App = () => {
  const btnAction=(a)=>{
    console.log(this,a);
  }
  return (
   


       
点击事件

   

  );
}

export default App;

方法一:改变点击事件

//方法不变的情况下,改变事件用箭头函数调用
  const btnAction=(a)=>{
    console.log(a);//underfin XXX
  }
 
 

btnAction('XXX')}>点击事件

方法二:改变方法

//方法不变的情况下,改变事件用箭头函数调用
  const btnAction=(a)=>(e)=>{
    console.log(a);//underfin XXX
  }
 
 

点击事件

使用 function 方法同理

//事件不变的情况下,改变方法也是可以的
  function btnAction(a){
    console.log(a);//underfin XXX
  }
  return (
   


       
btnAction('XXX')}>点击事件

   

  );
}

export default App;

相关内容

热门资讯

岚皋县滔河镇:民主议事聚民智 ... 为深入践行全过程人民民主理念,充分发挥人大代表主体作用,畅通群众诉求表达渠道,凝聚推动全镇经济社会高...
股价涨超5%!一汽拟37亿元入... 一汽入股零跑的传闻落地。零跑汽车(09863.HK)12月29日于港交所公告,12月28日,公司与一...
国家发改委:坚决反对“内卷式”... 格隆汇12月29日|国家发展改革委创新和高技术发展司12月29日刊发题为《因地制宜发展新质生产力》的...
获多国批准,智利组建新企加大锂... 本报记者 李迅典 本报特约记者 任 重智利国企智利国家铜业公司和锂业巨头智利化工矿业公司27日宣布组...
瑞可达股价涨5.03%,前海开... 12月29日,瑞可达涨5.03%,截至发稿,报90.83元/股,成交5.75亿元,换手率3.17%,...