鍍金池/ 問答/HTML/ react 事件參數(shù)傳遞?

react 事件參數(shù)傳遞?

采用es6的寫法。函數(shù)的this 統(tǒng)一在 constructor 中bind(this)處理了。

但是問題是:
map遍歷中的事件 參數(shù)傳遞咋解決?

this.func(item) //這個(gè)不行,直接執(zhí)行了函數(shù)
this.func.bind(this,item) //可以但是不夠好,畢竟我已經(jīng)在構(gòu)造函數(shù)中處理了!
e=>this.func(item) //目前采用的方式

問題:
有沒有更好的處理?求推薦!

回答
編輯回答
逗婦惱
this.func(item) //這個(gè)不行,直接執(zhí)行了函數(shù)
this.func.bind(this,item) //可以但是不夠好,畢竟我已經(jīng)在構(gòu)造函數(shù)中處理了!
e=>this.func(item) //目前采用的方式
onClick={this.func(item)}

// 這樣更好點(diǎn)
func = (item) => () => {
    // ...
}
2018年8月9日 01:47
編輯回答
憶當(dāng)年

e=>this.func(item) //目前采用的方式

2017年10月23日 06:39
編輯回答
蟲児飛

你都說了使用es6了,那就不要constructorbind了。
直接使用 () => {} 就好了。

2017年3月9日 02:15
編輯回答
陌上花

沒太明白map遍歷中的事件是什么意思,假設(shè)直接遍歷,那么直接在函數(shù)中可以獲得參數(shù):

list.forEach(this.func)

假設(shè)是給綁定事件

list.map(item => <li onClick={()=>this.func(item)}>{item}</li>)
2018年1月15日 20:59