2017-06-21 51 views
0

下面是一個例子:什麼Arrow功能做:ECMAScript的6

onChange = (event, { newValue }) => { 
    this.setState({ 
     value: newValue 
    }); 
}; 

這是任何不同

onChange(e, {newValue}) { 
    this.setState({ 
    value: newValue 
    }); 
} 

謝謝!

+0

檢查使用箭頭功能:https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/Arrow_functions –

+0

*什麼是箭頭功能做*它完成文檔所說的。 – 2017-06-21 06:36:46

回答

1

是的,有:

onChange = (event, { newValue }) => { 
    this.setState({ 
     value: newValue 
    }); 
}; 

將檢索this從功能的外部範圍,所以它是指它在規定的地方this

onChange(e, {newValue}) { 
    this.setState({ 
    value: newValue 
    }); 
} 

在此,this將參考該函數被調用,this,所以this不會指this從那裏從而是從它綁定到該對象調用。

有關更多信息,請Arrow Functions (MDN)

+0

請將重複項目作爲重複項目而不是回答。 – 2017-06-21 06:38:02

+0

@torazaburo我沒有足夠的知名度來解決問題,認爲給出實際答案而不是將其他不完整和令人困惑的答案作爲唯一答案會更有用。 – GGG

+0

來自https://stackoverflow.com/help/privileges/close-questions:*如果你沒有足夠的聲望來投出緊密的選票,或者已經用完了當天的近距離投票,還有其他選擇:如果問題是一個重複的,發表評論的鏈接到原始。* – 2017-06-21 07:02:45

0

箭頭函數版本綁定到this上下文 - 可能是您想要的事件回調。