高阶组件:功能关键字与箭头功能

时间:2017-06-21 07:41:29

标签: javascript reactjs ecmascript-6 higher-order-components

在展示如何创建更高阶的组件时,大多数示例都使用了function关键字。

React文档中的以下示例:

export const collapse = (options) =>
(Trigger)  =>
   class C extends React.Component {
   } 

在我工作的地方,我们使用TypeScript并且我们有TS-lint规则不使用函数关键字。

所以高阶组件的JS版本看起来像这样:

{{1}}

问题是:有什么区别,使用带有函数关键字的语法有什么好处吗?

1 个答案:

答案 0 :(得分:1)

在你的情况下,没有区别 - 他们的行为会相同。

但有些情况并非如此 - 这个主题有一个很好的discussion