首頁(yè) 猿問(wèn) react 組件里面的函數(shù)應(yīng)該怎么寫(xiě)？

react 組件里面的函數(shù)應(yīng)該怎么寫(xiě)？

JavaScript

至尊寶的傳說(shuō) 2018-12-13 18:18:02

我按照antd 的例子自己手寫(xiě)的過(guò)程中遇到一個(gè)例子搞不明白怎么回事：貼代碼：一個(gè) onChange事件：在class App extends Component {}組件中：onChange= (e) => { this.setState({ value:e.target.value }) }而我寫(xiě)成了一般的onChange (e) { this.setState({ value:e.target.value }) }這樣就報(bào)錯(cuò)了，我想問(wèn)一下這兩種寫(xiě)法有什么區(qū)別嗎？

查看完整描述

1 回答

holdtom

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

handleChange(e){

this.setState({

value: e.target.value

})

}

然后render中調(diào)用: onChange={this.handleChange.bind(this)}或者使用ES6的箭頭函數(shù)onChange={(e)=>this.handleChange(e)}

但是上面在render函數(shù)中使用bind或者箭頭函數(shù)其實(shí)會(huì)有些問(wèn)題，因?yàn)槊恳淮吸c(diǎn)擊都是一次實(shí)例。建議在構(gòu)造函數(shù)中:this.handlechage=this.handleChange.bind(this),然后在render中onChange={this.handleChange}

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