什么Arrow功能做：ECMAScript的6

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

这是任何不同

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

谢谢！

2017-06-21 Hooey

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

*什么是箭头功能做*它完成文档所说的。 – 2017-06-21 06:36:46

是的，有：

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

将检索this从功能的外部范围，所以它是指它在规定的地方this。

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

在此，this将参考该函数被调用，this，所以this不会指this从那里从而是从它绑定到该对象调用。

有关更多信息，请Arrow Functions (MDN)

2017-06-21 06:29:39 GGG

请将重复项目作为重复项目而不是回答。 – 2017-06-21 06:38:02

@torazaburo我没有足够的知名度来解决问题，认为给出实际答案而不是将其他不完整和令人困惑的答案作为唯一答案会更有用。 – GGG

来自https://stackoverflow.com/help/privileges/close-questions：*如果你没有足够的声望来投出紧密的选票，或者已经用完了当天的近距离投票，还有其他选择：如果问题是一个重复的，发表评论的链接到原始。* – 2017-06-21 07:02:45

箭头函数版本绑定到this上下文 - 可能是您想要的事件回调。

2017-06-21 06:27:36 Grandas

回答