1. 程式人生 > >react中onClick事件傳參

react中onClick事件傳參

初心-楊瑞超個人部落格誠邀您加入qq群(IT-程式猿-技術交流群):757345416

在我們實際開發中,單擊事件傳參也是經常用到的,下面我們來研究下傳參問題。

正常繫結事件:

<button className="clear-completed" onClick={test()}>點選</button>

傳遞引數我們需要這樣寫:

錯誤寫法:

<button className="clear-completed" onClick={test(e)}>點選</button>

正確寫法

<button
className="clear-completed" onClick={e=>
test()}>點選</button>

注:直接返回函式即可,不用寫{},這樣代表直接return

文章到此結束,希望對你的學習有幫助!