首頁猿問 React.js 事件綁定的方式

React.js 事件綁定的方式

React.JS

慕婉清6462132 2019-02-02 14:50:34

<button onclick = { this.btn( data ) }>Btn</button>// 這樣為什么會(huì)直接運(yùn)行這個(gè)函數(shù)btn = ( data ) => { console.log( data ) }// 這樣就會(huì)正常執(zhí)行btn = ( data ) => () => { console.log( data ) }// 然而當(dāng)不傳參數(shù)的時(shí)候<button onclick = { this.btn }>Btn</button>// 這樣就是正常的btn = ( ) => { console.log( 111 ) }* 如果大佬們有時(shí)間的話可以幫我看一下這個(gè)么，https://mp.weixin.qq.com/s/rB...我是看了這個(gè)才知道這個(gè)綁定方法的，說我原來的綁定方法是錯(cuò)誤的，但是我有點(diǎn)不明白這個(gè)綁定的函數(shù)為什么要這樣寫，我是個(gè)菜鳥，還希望有空的大佬能告訴我詳細(xì)一點(diǎn)想問一下大佬：1: btn = ( data ) => () => { console.log( data ) } 這個(gè)是個(gè)什么函數(shù)？2: 可不可以幫我解釋一下上邊的 demo ！

查看完整描述

1 回答

不負(fù)相思意

TA貢獻(xiàn)1777條經(jīng)驗(yàn) 獲得超10個(gè)贊

一句話重點(diǎn)：事件綁定的是函數(shù)，不是函數(shù)的執(zhí)行。

// 事件綁定函數(shù)，正確btn = () => { console.log( 111 ) }
<button onclick = { this.btn }>Btn</button>// 事件綁定函數(shù)的執(zhí)行，錯(cuò)誤btn = () => { console.log( 111 ) }
<button onclick = { this.btn( data ) }>Btn</button>// btn函數(shù)執(zhí)行也返回函數(shù)，事件綁定函數(shù)，正確btn = ( data ) => () => { console.log( data ) }
<button onclick = { this.btn( data ) }>Btn</button>

反對(duì) 回復(fù) 2019-02-02